1、window.screen.height

window.screen.height：设备显示屏的高度

（1）分辨率为1080px的显示屏

（2）手机屏

 

2、window.screen.availHeight

屏幕的可用高度

（1）分辨率为1080px的显示屏

（2）手机屏

 

3、document.body.clientHeight

当前文档中的body元素的高度

body高度为3000px的页面：

<!DOCTYPE html>
<html lang="zh">

    <head>
        <meta charset="UTF-8" />
        <meta name="viewport" content="width=device-width, initial-scale=1.0" />
        <meta http-equiv="X-UA-Compatible" content="ie=edge" />
        <title>Document</title>
    </head>

    <body>
        <div style="height: 3000px;">

        </div>
    </body>

</html>

（1）PC端

 

（2）手机端

 

4、document.documentElement.clientHeight

Document.documentElement 是一个会返回文档对象（document）的根元素的只读属性（如HTML文档的 <html> 元素）

document.documentElement.clientHeight返回html的可用高度。

document.documentElement 返回的是html。

还是上例的3000px的代码

（1）pc端

 

（2）手机端

 

版权声明：本文为mengfangui原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://www.cnblogs.com/mengfangui/p/8417669.html