div自适应窗口高度

听老歌

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){//因为前边是获取的当前窗口的可视操作区域的高度 所以当调小窗口的时候 会造成不美观
   
7. 
   
8. 
   
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";
    
13. 
    
14. }
    
15. setInterval(windowHeight,500)//每半秒执行一次windowHeight函数
    
16. 
    
17. </script>

复制代码