本文实例讲述了JS实现DIV高度自适应窗口。分享给大家供大家参考,具体如下:
/p>
"/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程序设计有所帮助。