JS获取当前对象大小以及屏幕分辨率等

最新推荐文章于 2024-10-30 17:48:52 发布

最新推荐文章于 2024-10-30 17:48:52 发布 · 127 阅读

文章标签：

#IE #工作

JavaScript 专栏收录该内容

29 篇文章

订阅专栏

本文介绍了一种通过JavaScript获取网页尺寸及用户屏幕信息的方法，包括网页可见区域宽高、正文宽高、滚动条位置等详细参数，并展示了如何用脚本获取这些数据。


<script>function getInfo(){    var s = "";    s += " 网页可见区域宽："+ document.body.clientWidth;    s += " 网页可见区域高："+ document.body.clientHeight;    s += " 网页可见区域宽："+ document.body.offsetWidth + " (包括边线和滚动条的宽)";    s += " 网页可见区域高："+ document.body.offsetHeight + " (包括边线的宽)";    s += " 网页正文全文宽："+ document.body.scrollWidth;    s += " 网页正文全文高："+ document.body.scrollHeight;    s += " 网页被卷去的高(ff)："+ document.body.scrollTop;    s += " 网页被卷去的高(ie)："+ document.documentElement.scrollTop;    s += " 网页被卷去的左："+ document.body.scrollLeft;    s += " 网页正文部分上："+ window.screenTop;    s += " 网页正文部分左："+ window.screenLeft;    s += " 屏幕分辨率的高："+ window.screen.height;    s += " 屏幕分辨率的宽："+ window.screen.width;    s += " 屏幕可用工作区高度："+ window.screen.availHeight;    s += " 屏幕可用工作区宽度："+ window.screen.availWidth;    s += " 你的屏幕设置是 "+ window.screen.colorDepth +" 位彩色";    s += " 你的屏幕设置 "+ window.screen.deviceXDPI +" 像素/英寸";    alert (s);}getInfo();</script>

[img]http://pic002.cnblogs.com/img/kenblove/200811/2008112214191977.gif[/img]