网页尺寸获取方法-优快云博客

本文介绍了一种使用JavaScript和jQuery来获取网页及浏览器窗口尺寸的方法，包括网页可见区域宽高、正文全文宽高、屏幕分辨率等。

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

其实，本文提到的方案既适用于台式机也适用于手机与平板电脑。

JavaScript方案

<SCRIPT   LANGUAGE="JavaScript">  

var s = "网页可见区域宽 ："+ document.body.clientWidth;  

s += "\r\n网页可见区域高："+ document.body.clientHeight;   

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>