JS获取屏幕的宽度和高度

Posted 小星星的star

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了JS获取屏幕的宽度和高度相关的知识,希望对你有一定的参考价值。

<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获取屏幕的宽度和高度的主要内容,如果未能解决你的问题,请参考以下文章

js 获取屏幕的宽度和高度

怎样用 JavaScript 准确获取手机屏幕的宽度和高度

JS获取屏幕的宽度和高度

js获取屏幕高度宽度

android 开发中 怎么用js获取手机屏幕高度

用JS 和 jQery获取屏幕的高度和宽度