成都网站建设设计

将想法与焦点和您一起共享

JS如何实现DIV高度自适应窗口

这篇文章主要为大家展示了“JS如何实现DIV高度自适应窗口”,内容简而易懂,条理清晰,希望能够帮助大家解决疑惑,下面让小编带领大家一起研究并学习一下“JS如何实现DIV高度自适应窗口”这篇文章吧。

成都创新互联公司专业为企业提供安丘网站建设、安丘做网站、安丘网站设计、安丘网站制作等企业网站建设、网页设计与制作、安丘企业网站模板建站服务,十多年安丘做网站经验,不只是建网站,更提供有价值的思路和整体网络服务。

具体如下:




  
  
    *.
    {
      margin: 0;
      padding: 0;
    }
  
  
    window.onload = windowHeight; //页面载入完毕执行函数
    function windowHeight() {
      var h = document.documentElement.clientHeight; //获取当前窗口可视操作区域高度
      var bodyHeight = document.getElementById("divContent"); //寻找ID为content的对象
      bodyHeight.style.height = (h - 25) + "px"; //你想要自适应高度的对象
    }
    setInterval(windowHeight, 500)//每半秒执行一次windowHeight函数
  


  
    Test
  

以上是“JS如何实现DIV高度自适应窗口”这篇文章的所有内容,感谢各位的阅读!相信大家都有了一定的了解,希望分享的内容对大家有所帮助,如果还想学习更多知识,欢迎关注创新互联行业资讯频道!


文章名称:JS如何实现DIV高度自适应窗口
分享URL:http://chengdu.cdxwcx.cn/article/gopcpe.html

其他资讯