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

来源:互联网 发布:http 411 nginx 编辑:程序博客网 时间:2024/05/21 20:20

很多时候我们需要用到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>
0 0
原创粉丝点击