美文网首页程序人生
2018-12-28JS如何获取屏幕大小的方法

2018-12-28JS如何获取屏幕大小的方法

作者: 1f658716b568 | 来源:发表于2018-12-28 14:48 被阅读0次

    在做页面设计的时候,有时候我们需要获取屏幕的大小(屏幕分辨率),从而使页面更兼容各个屏幕大小(屏幕分辨率)。

    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>屏幕分辨率屏幕分辨率(屏幕分辨率),

    相关文章

      网友评论

        本文标题:2018-12-28JS如何获取屏幕大小的方法

        本文链接:https://www.haomeiwen.com/subject/qmnslqtx.html