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

最新推荐文章于 2022-10-19 18:38:29 发布

原创最新推荐文章于 2022-10-19 18:38:29 发布 · 130 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#JavaScript #工作 #ViewUI

前端专栏收录该内容

32 篇文章

订阅专栏

本文介绍了一段JavaScript代码，该代码用于获取网页的各种尺寸信息，包括可见区域宽高、正文全文宽高、滚动条位置等，同时也获取了当前屏幕的分辨率及可用工作区尺寸。

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