DOM - 获取浏览器高度

获取浏览器高度经常用于实现下拉刷新、下拉加载、上拉刷新等场景。

window属性	描述
window.innerHeight	浏览器视口高度（px），如果存在滚动条则包括它。
window.outerHeight	整个浏览器窗口的高度（px）
window.screen.height	屏幕分辨率高度
window.screen.availHeight	减去比如Windows的任务栏等界面特性的屏幕的可用高度
window.screenTop	返回窗口相对于屏幕的Y坐标

window.innerHeight和window.outerHeight

元素属性	描述
document.body.clientHeight	网页body高度（包括看不见的网页）（包括padding，不包括border、水平滚动条）
document.body.offsetHeight	网页body高度（包括看不见的网页）（包括padding、border、水平滚动条）
document.body.scrollHeight	body滚动条内的内容高度
document.documentElement.clientHeight	网页可见区域高度
document.body.scrollTop	滚动条卷去的高度
document.documentElement.scrollTop	滚动条卷去的高度

• document.body.scrollTop和document.documentElement.scrollTop基本作用一样，但是在指定了文档类型（DOCTYPE）时，只有document.documentElement.scrollTop生效。