您的位置:首页 > Web前端 > JavaScript

js获取浏览器body或窗宽度高度

2016-04-02 12:22 399 查看
很多时候我们需要用到js获取窗口的宽度或者高度,每个浏览器会有不同的方法,总结了一下如下:



<script type="text/javascript">
var     s   =   " ";
document.documentElement.scrollTop 就是滚动条距离顶部的位置(可变)
document.documentElement.scrollLef 指滚动条距离左边的位置(可变)
s   +=   "\r\n<br>网页可见区域宽: "+   document.body.clientWidth;
s   +=   "\r\n<br>网页可见区域高: "+   document.body.clientHeight;
s   +=   "\r\n<br>网页可见区域宽: "+   document.body.offsetWidth     + "   (包括边线的宽) ";
s   +=   "\r\n<br>网页可见区域高: "+   document.body.offsetHeight   + "   (包括边线的宽) ";
s   +=   "\r\n<br>网页正文全文宽: "+   document.body.scrollWidth;
s   +=   "\r\n<br>网页正文全文高: "+   document.body.scrollHeight;
s   +=   "\r\n<br>网页被卷去的高: "+   document.body.scrollTop;
s   +=   "\r\n<br>网页被卷去的左: "+   document.body.scrollLeft;
s   +=   "\r\n<br>网页正文部分上: "+   window.screenTop;
s   +=   "\r\n<br>网页正文部分左: "+   window.screenLeft;
s   +=   "\r\n<br>屏幕分辨率的高: "+   window.screen.height;
s   +=   "\r\n<br>屏幕分辨率的宽: "+   window.screen.width;
s   +=   "\r\n<br>屏幕可用工作区高度: "+   window.screen.availHeight+" (去掉状态栏)";
s   +=   "\r\n<br>屏幕可用工作区宽度: "+   window.screen.availWidth;
//alert(s);
document.write(s);
</script>
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签:  javascript