html 关于获取页面高度方法

1. window.screen.height  

返回整个屏幕的像素高度，即分辨率高度。如常见的pc系统分辨率是1920*1080，那么返回的值就是1080。对应window.screen.width返回就是1920。

浏览器查看大小改变不影响返回值。

如果是chrome浏览器模拟手机的话，返回的就是模拟的手机分辨率，与电脑分辨率无关。

2. window.screen.availHeight

返回  window.screen.height  - 任务栏高度。

浏览器查看大小改变不影响返回值。

3. window.outerHeight

浏览器高度，包含了地址栏、书签栏等高度。

浏览器查看大小改变会影响返回值。

4. window.innerHeight

浏览器显示html页面的高度。即window.outerHeight-页签高度 - 地址栏高度 - 书签栏高度。

一般我们页面中希望获取到的就是window.innerHeight。

浏览器查看大小改变会影响返回值。