首页 > 代码库 > js读取屏幕长宽

js读取屏幕长宽

网页可见区域宽 document.body.clientWidth 
网页可见区域高 document.body.clientHeight 
网页可见区域宽(包括边线的宽) document.body.offsetWidth 
网页可见区域高(包括边线的宽) document.body.offsetHeight 
网页正文全文宽 document.body.scrollWidth 
网页正文全文高 document.body.scrollHeight 
网页被卷去的高 document.body.scrollTop 
网页被卷去的左 document.body.scrollLeft 
网页正文部分上 window.screenTop 
网页正文部分左 window.screenLeft 
屏幕分辨率的高 window.screen.height 
屏幕分辨率的宽 window.screen.width 
屏幕可用工作区高度 window.screen.availHeight 
屏幕可用工作区宽度 window.screen.availWidth

把以下这段代码放到<head></head>之间或<body></body>之间预览即可看到数据
<script language="javascript" type="text/javascript">

width_screen=screen.width;
height_screen=screen.height;
availWidth_screen=screen.availWidth;
availHeight_screen=screen.availHeight;
colorDepth_screen=screen.colorDepth;


document.write("你的屏幕宽为:"+width_screen+"<br />你的屏幕高为:"+height_screen+"<br />你的屏幕可用宽为:"+availWidth_screen+"<br />你的屏幕可用高为:"+availHeight_screen+"<br />你的颜色设置所有为数为:"+colorDepth_screen);

</script>

 

<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);
}
</script>