js获取屏幕高度和宽度

最新推荐文章于 2023-09-15 14:13:18 发布

LazyLion2010

最新推荐文章于 2023-09-15 14:13:18 发布

阅读量551

点赞数

文章标签：测试工作 function

本文链接：https://blog.csdn.net/LazyLion2010/article/details/6094223

版权

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

测试window.screen.availHeight 和 window.screen.availWidth

html code

<html>
<head>
<script type="text/javascript" >
function test()
{
    var h = window.screen.availHeight;
    alert("window.screen.availHeight = "+ h);

    var w = window.screen.availWidth;
    alert("window.screen.availWidth = "+ w);
}
</script>
</head>
<body οnlοad="test()"></body>
</html>

测试结果

分辨率：1024*768
availHeight:740
availWidth:1024

分辨率：1280*800
availHeight:772
availWidth:1280

分辨率：800*600
availHeight:572
availWidth:800