这篇文章主要介绍了JS获取当前网页大小以及屏幕分辨率等,方法虽简单，但比较实用，需要的朋友可以参考下

效果如下：


代码如下：

<html>
<head>
<title>获取当前对象大小以及屏幕分辨率等</title>
<body>
<div style= " width:88%;margin:30px auto; color:blue;" id= "div_html" >
</div>
<script type= "text/javascript" >
var s = "" ;
s += " 网页可见区域宽：" + document.body.clientWidth+ "<br />" ;
s += " 网页可见区域高：" + document.body.clientHeight+ "<br />" ;
s += " 网页可见区域宽：" + document.body.offsetWidth + " (包括边线和滚动条的宽)" + "<br />" ;
s += " 网页可见区域高：" + document.body.offsetHeight + " (包括边线的宽)" + "<br />" ;
s += " 网页正文全文宽：" + document.body.scrollWidth+ "<br />" ;
s += " 网页正文全文高：" + document.body.scrollHeight+ "<br />" ;
s += " 网页被卷去的高(ff)：" + document.body.scrollTop+ "<br />" ;
s += " 网页被卷去的高(ie)：" + document.documentElement.scrollTop+ "<br />" ;
s += " 网页被卷去的左：" + document.body.scrollLeft+ "<br />" ;
s += " 网页正文部分上：" + window.screenTop+ "<br />" ;
s += " 网页正文部分左：" + window.screenLeft+ "<br />" ;
s += " 屏幕分辨率的高：" + window.screen.height+ "<br />" ;
s += " 屏幕分辨率的宽：" + window.screen.width+ "<br />" ;
s += " 屏幕可用工作区高度：" + window.screen.availHeight+ "<br />" ;
s += " 屏幕可用工作区宽度：" + window.screen.availWidth+ "<br />" ;
s += " 你的屏幕设置是 " + window.screen.colorDepth + " 位彩色" + "<br />" ;
s += " 你的屏幕设置 " + window.screen.deviceXDPI + " 像素/英寸" + "<br />" ;
 
document.getElementById( "div_html" ).innerHTML = s;
</script>
</body>
</html>


代码说明图如下：