div自适应窗口高度

Question

haitao360312

div自适应窗口高度

1. <script type="text/javascript">
2. window.onload = windowHeight;//页面载入完毕执行函数
3. function windowHeight() {
4. var h = document.documentElement.clientHeight;//获取当前窗口可视操作区域高度
5. var bodyHeight = document.getElementById("content");//寻找ID为content的对象（也就是你想要自适应高度的对象）
6. if (h < 598){//因为前边是获取的当前窗口的可视操作区域的高度 所以当调小窗口的时候 会造成不美观
9. h = 598 ;
10. bodyHeight.style.height = (h-289) + "px";// +“px” 是解决 firefox不识别 bodyHeight.style.height =h。289数字可以根据需要更改！
11. }
12. else bodyHeight.style.height = (h-289) + "px";
14. }
15. setInterval(windowHeight,500)//每半秒执行一次windowHeight函数
17. </script>

复制代码