常见浏览器宽高及可视区域的宽高获取问题

网页可见区域宽： document.body.clientWidth; 网页可见区域高： document.body.clientHeight; //body 网页可见区域宽： document.body.offsetWidth + " (包括边线和滚动条的宽)"; 网页可见区域高： document.body.offsetHeight + " (包括边线的宽)"; 网页正文全文宽： document.body.scrollWidth; 网页正文全文高： document.body.scrollHeight; //窗口 网页被卷去的高(ff)： document.body.scrollTop; 网页被卷去的高(ie)： document.documentElement.scrollTop; 网页被卷去的左： document.body.scrollLeft; 网页正文部分上： window.screenTop; 网页正文部分左： window.screenLeft; 屏幕分辨率的高： window.screen.height; 屏幕分辨率的宽： window.screen.width; 屏幕可用工作区高度：window.screen.availHeight; 屏幕可用工作区宽度： window.screen.availWidth; 你的屏幕设置是 ：window.screen.colorDepth +" 位彩色"; 你的屏幕设置 ： window.screen.deviceXDPI +" 像素/英寸";

获取页面可视区域高度的做法：

if(document.documentElement && document.documentElement.clientHeight && document.documentElement.clientWidth) {
return document.documentElement.clientHeight;

}

转载于:https://www.cnblogs.com/h5it/p/8930004.html