首页 > Web开发 > 详细

JS获取屏幕的宽度和高度

时间:2017-07-21 14:50:19      阅读:304      评论:0      收藏:0      [点我收藏+]
<html>
<script>
  function a(){
    document.write(
    "屏幕分辨率为:"+screen.width+"*"+screen.height
    +"<br />"+
    "屏幕可用大小:"+screen.availWidth+"*"+screen.availHeight
    +"<br />"+
    "网页可见区域宽:"+document.body.clientWidth
    +"<br />"+
    "网页可见区域高:"+document.body.clientHeight
    +"<br />"+
    "网页可见区域宽(包括边线的宽):"+document.body.offsetWidth 
    +"<br />"+
    "网页可见区域高(包括边线的宽):"+document.body.offsetHeight 
    +"<br />"+
    "网页正文全文宽:"+document.body.scrollWidth
    +"<br />"+
    "网页正文全文高:"+document.body.scrollHeight
    +"<br />"+
    "网页被卷去的高:"+document.body.scrollTop
    +"<br />"+
    "网页被卷去的左:"+document.body.scrollLeft
    +"<br />"+
    "网页正文部分上:"+window.screenTop
    +"<br />"+
    "网页正文部分左:"+window.screenLeft
    +"<br />"+
    "屏幕分辨率的高:"+window.screen.height
    +"<br />"+
    "屏幕分辨率的宽:"+window.screen.width
    +"<br />"+
    "屏幕可用工作区高度:"+window.screen.availHeight
    +"<br />"+
    "屏幕可用工作区宽度:"+window.screen.availWidth
    );
  }
</script>
<body onload="a()" >
</body>
</html>

 

JS获取屏幕的宽度和高度

原文:http://www.cnblogs.com/xsffliu/p/7217500.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!