日期:2014-05-16  浏览次数:20380 次

js获取页面大小的方法
我的页面宽度大于可见宽度,于是我做的弹出层的遮罩在拖动横轴时页面的右边部分会一览无余,感觉问题是我没有取得页面的实际宽度,于是在CSDN上查到了JS获取页面大小的各种方法,最后将获取页面的方法改成document.body.scrollWidth解决问题。

      附JS获取页面大小的方法:
      <script type= "text/javascript " language= "javascript ">
var s = " ";
s += "\r\n网页可见区域宽: "+ document.body.clientWidth;
s += "\r\n网页可见区域高: "+ document.body.clientHeight;
s += "\r\n网页可见区域宽: "+ document.body.offsetWidth + " (包括边线的宽) ";
s += "\r\n网页可见区域高: "+ document.body.offsetHeight + " (包括边线的宽) ";
s += "\r\n网页正文全文宽: "+ document.body.scrollWidth;
s += "\r\n网页正文全文高: "+ document.body.scrollHeight;
s += "\r\n网页被卷去的高: "+ document.body.scrollTop;
s += "\r\n网页被卷去的左: "+ document.body.scrollLeft;
s += "\r\n网页正文部分上: "+ window.screenTop;
s += "\r\n网页正文部分左: "+ window.screenLeft;
s += "\r\n屏幕分辨率的高: "+ window.screen.height;
s += "\r\n屏幕分辨率的宽: "+ window.screen.width;
s += "\r\n屏幕可用工作区高度: "+ window.screen.availHeight;
s += "\r\n屏幕可用工作区宽度: "+ window.screen.availWidth;
alert(s);
</script>