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>

 

<scriptlanguage="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>


posted @ 2012-02-22 13:38  java简单例子  阅读(427)  评论(0编辑  收藏  举报