获取宽高参考:
方法：
网页可见区域宽： 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.devicePixelRatio
屏幕逻辑分辨率：window.screen.width * window.devicePixelRatio (缩放因子与物理分辨率的乘积)
测试代码：
<html>
<head>
<title>获取屏幕高度</title>
<meta charset="utf-8">
</head>
<body>
<div>
<hr>
网页可见区宽度：<i id="document.body.clientWidth">xx</i>  px
<hr>
网页可见区域高：<i id="document.body.clientHeight">xx</i>  px
<hr>
<hr>
网页可见区域宽： (包括边线的宽)<i id="document.body.offsetWidth">xx</i>  px
<hr>
网页可见区域高： (包括边线的高)：<i id="document.body.offsetHeight">xx</i>  px
<hr>
网页正文全文宽：<i id="document.body.scrollWidth">xx</i>  px
<hr>
网页正文全文高：<i id="document.body.scrollHeight">xx</i>  px
<hr>
网页被卷去的高：<i id="document.body.scrollTop">xx</i>  px
<hr>
网页被卷去的左：<i id="document.body.scrollLeft">xx</i>  px
<hr>
网页正文部分上：<i id="window.screenTop">xx</i>  px
<hr>
网页正文部分左：<i id="window.screenLeft">xx</i>  px
<hr>
屏幕物理分辨率的高：<i id="window.screen.height">xx</i>  px
<hr>
屏幕物理分辨率的宽：<i id="window.screen.width">xx</i>  px
<hr>
屏幕可用工作区高度：<i id="window.screen.availHeight">xx</i>  px
<hr>
屏幕可用工作区宽度：<i id="window.screen.availWidth">xx</i>  px
<hr>
屏幕缩放因子：<i id="window.devicePixelRatio">xx</i>  倍
<hr>
屏幕逻辑分辨率(缩放因子与物理分辨率的乘积)：<i id="window.screen.width * window.devicePixelRatio">xx</i>  px
<hr> </div>
</body>
<script> document.getElementById("document.body.clientWidth").innerHTML = document.body.clientWidth;
document.getElementById("document.body.clientHeight").innerHTML = document.body.clientHeight;
document.getElementById("document.body.offsetHeight").innerHTML =document.body.offsetHeight ;
document.getElementById("document.body.offsetWidth").innerHTML = document.body.offsetWidth;
document.getElementById("document.body.scrollHeight").innerHTML = document.body.scrollHeight;
document.getElementById("document.body.scrollWidth").innerHTML =document.body.scrollWidth ;
document.getElementById("document.body.scrollHeight").innerHTML = document.body.scrollHeight;
document.getElementById("document.body.scrollTop").innerHTML = document.body.scrollTop;
document.getElementById("document.body.scrollLeft").innerHTML = document.body.scrollLeft;
document.getElementById("window.screenTop").innerHTML = window.screenTop;
document.getElementById("window.screenLeft").innerHTML =window.screenLeft ;
document.getElementById("window.screen.height").innerHTML = window.screen.height;
document.getElementById("window.screen.width").innerHTML =window.screen.width ;
document.getElementById("window.screen.width").innerHTML = window.screen.width;
document.getElementById("window.screen.availHeight").innerHTML = window.screen.availHeight;
document.getElementById("window.screen.availWidth").innerHTML = window.screen.availWidth;
document.getElementById("window.devicePixelRatio").innerHTML =window.devicePixelRatio ;
document.getElementById("window.screen.width * window.devicePixelRatio").innerHTML = window.screen.width * window.devicePixelRatio ; </script>
</html>
运行效果图：
放大缩小屏幕，获取的参数会相应变化:
放大：
缩小：
over!!