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>