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>