js获取宽高

Posted _linka

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了js获取宽高相关的知识,希望对你有一定的参考价值。

 

js获取宽高

 

 1 function getInfo() 
 2 { 
 3 var s = ""; 
 4 s += " 网页可见区域宽:"+ document.body.clientWidth; 
 5 s += " 网页可见区域高:"+ document.body.clientHeight; //body
 6 s += " 网页可见区域宽:"+ document.body.offsetWidth + " (包括边线和滚动条的宽)"; 
 7 s += " 网页可见区域高:"+ document.body.offsetHeight + " (包括边线的宽)"; 
 8 s += " 网页正文全文宽:"+ document.body.scrollWidth; 
 9 s += " 网页正文全文高:"+ document.body.scrollHeight; //窗口
10 s += " 网页被卷去的高(ff):"+ document.body.scrollTop; 
11 s += " 网页被卷去的高(ie):"+ document.documentElement.scrollTop; 
12 s += " 网页被卷去的左:"+ document.body.scrollLeft; 
13 s += " 网页正文部分上:"+ window.screenTop; 
14 s += " 网页正文部分左:"+ window.screenLeft; 
15 s += " 屏幕分辨率的高:"+ window.screen.height; 
16 s += " 屏幕分辨率的宽:"+ window.screen.width; 
17 s += " 屏幕可用工作区高度:"+ window.screen.availHeight; 
18 s += " 屏幕可用工作区宽度:"+ window.screen.availWidth; 
19 s += " 你的屏幕设置是 "+ window.screen.colorDepth +" 位彩色"; 
20 s += " 你的屏幕设置 "+ window.screen.deviceXDPI +" 像素/英寸"; 
21 //alert (s); 
22 } 
23 getInfo(); 

 

以上是关于js获取宽高的主要内容,如果未能解决你的问题,请参考以下文章

js如何获取图片的高和宽?根据我的部分代码添加完善,谢谢!

Js获取图片原始宽高的实现代码

Js操作DOM的方式及获取浏览器的宽高

jQuery获取元素宽高

js获取网页宽高

js获取屏幕元素宽高值