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

网页可见区域宽: 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;

}

 

posted @ 2018-04-24 14:18  菜鸟程序员的总结  阅读(229)  评论(0)    收藏  举报