网页常用的各种尺寸

原创于 2012-09-16 18:56:30 发布 · 174 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#clientwidth #offsetWidth #scrollWidth #scrollTop #availWidth

JavaScript 专栏收录该内容

33 篇文章

订阅专栏

本博客展示了如何使用JavaScript获取网页可见区域的宽、高及其与边线的关系，同时提供了获取屏幕分辨率的方法。

//各种尺寸

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;