码迷,mamicode.com
首页 > Web开发 > 详细

js读取屏幕长宽

时间:2014-08-12 03:07:43      阅读:231      评论:0      收藏:0      [点我收藏+]

标签:color   java   io   数据   ar   cti   代码   工作   

网页可见区域宽 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>

js读取屏幕长宽,布布扣,bubuko.com

js读取屏幕长宽

标签:color   java   io   数据   ar   cti   代码   工作   

原文地址:http://www.cnblogs.com/jxrichar/p/3906195.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!