获得window,body的各种高度,宽度

iteye_9657

于 2009-11-30 22:18:44 发布

阅读量350

点赞数

CC 4.0 BY-SA版权

分类专栏： html&css&javascript 文章标签：工作

本文链接：https://blog.youkuaiyun.com/iteye_9657/article/details/81795940

html&css&javascript 专栏收录该内容

43 篇文章

订阅专栏

本文介绍了一段JavaScript代码，该代码能够获取网页的各种尺寸信息，包括可见区域宽高、正文全文宽高、滚动条位置等，同时还能读取当前屏幕的分辨率。这对于前端开发者来说是非常实用的工具。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<SCRIPT LANGUAGE="JavaScript">
var s = "";
s += "\r\n网页可见区域宽："+ document.body.clientWidth;
s += "\r\n网页可见区域高："+ document.body.clientHeight;
s += "\r\n网页可见区域高："+ document.body.offsetWeight +" (包括边线的宽)";
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>