获取网页可视区域的宽高，不包括工具栏和滚动条（浏览器窗口可视区域大小）...

最新推荐文章于 2024-08-20 10:41:40 发布

ahu2331

最新推荐文章于 2024-08-20 10:41:40 发布

阅读量681

点赞数

原文链接：http://www.cnblogs.com/zousaili/p/9338881.html

版权

1.对于IE9+、chrome、firefox、Opera、Safari：

window.innerHeight浏览器窗口的内部高度；

window.innerWidth浏览器窗口的内部宽度；

2.对于IE8.7.6.5:

document.documentElement.clientHeight:表示HTML文档所在窗口的当前高度；

document.documentElement.clientWidth:表示HTML文档所在窗口的当前宽度；

或者，因为document对象的body属性对应HTML文档的<body>标签，所以也可表示为：

document.body.clientHeight：表示HTML文档所在窗口的当前高度；

document.body.clientWidth：表示HTML文档所在窗口的当前宽度；

3.结论

document.body.clientWidth/Height：的宽高偏小，高甚至默认200；

document.documentElement.clientWidth/Height 和 window.innerWidth/Height 的宽高始终相等。

4.所以在不同浏览器都实用的的Javascripit方案：
var w = document.documentElement.clientWidth || document.body.clientWidth;
var h = document.documentElement.clientHeight || document.body.clientHeight;
 
     5.获取设备的宽高 
    
     var height1=window.screen.height; 
    
      var width1=window.screen.width;