js 屏幕宽度高度信息获得

最新推荐文章于 2023-07-06 11:49:23 发布

原创最新推荐文章于 2023-07-06 11:49:23 发布 · 117 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#JavaScript #工作 #ViewUI

DHTML 专栏收录该内容

8 篇文章

订阅专栏

本文提供了一段JavaScript代码，用于获取网页的各种尺寸信息及用户的屏幕分辨率等数据。通过调用该脚本，可以了解网页可见区域的宽高、正文全文的宽高、网页被卷去的高度和左侧位置、屏幕分辨率的大小以及可用工作区的宽高等。

<script. language="javascript">

function screenInfo(){

    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);

}

screenInfo();

</script>