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