html界面js自动适应页面,JS实现DIV高度自适应窗口示例

本文实例讲述了JS实现DIV高度自适应窗口。分享给大家供大家参考，具体如下：

/p>

"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

*.

{

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

PS:高度自适应应用广泛，本站的很多在线工具也使用了这一技巧，列举如下几个工具供大家参考：

希望本文所述对大家JavaScript程序设计有所帮助。