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

如何用js获得页面的实际宽度
问题是这样的,我用js取页面宽度,这个页面是通过iframe嵌入的,我在嵌入的这个页面用js代码取这个页面的宽度,这个页面的宽度是有滚动条的,如何取宽度的时候把隐藏部分的宽度也取出来呢?document.body.offsetWidth取得的是可见区域的宽度。被滚动条隐藏的宽度好象没有嘛。     哈,说也说不太清楚,大家看这个   页面http://www.xc009.net/tcHHChart.aspx     进去后查询一下,看嵌入的iframe的效果就知道了。拉动底下的滚动条后面的的就不对了。

------解决方案--------------------
document.body.scrollWidth
------解决方案--------------------
<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>