网页可见区域高： document.body.clientHeight
正文全文高： document.body.scrollHeight
网页的可见区域高度(包括边框高度):document.body.offsetHeight
网页缠绕的高度： document.body.scrollTop
屏幕分辨率高： window.screen.height
每个HTML元素都有五个与高度、滚动和位置相关的属性： clientheightoffsetheightscrollheightoffsettopscrolltop，单个单词表示什么意思通过阅读这些文档，将规则总结如下
clientHeight和offsetHeight属性表示元素的高度，而与元素的滚动和位置无关。 现在，如下所示。
clientheight :包含填充但不包含边框、水平滚动条或边距的元素的高度。 对于inline元素，此属性始终为0、单位px和只读元素。
offsetheight :包含填充、边框和水平滚动条，不包含边距元素的高度。 对于inline元素，此属性始终为0、单位px和只读元素。
接下来，说明有滚动条的情况。
如果此元素的子元素高于此元素且overflow=scroll，则此元素为scroll。 在这种情况下，情况如下：
由于scrollHeight:的子元素高于父元素，如果不想父元素由子元素支撑，则会显示滚动条，并在滚动时隐藏部分元素。 scrollHeight表示包含当前不可见部分的元素的高度。 可见部分的高度实际上是clientHeight，也就是scrollHeight=clientHeight恒常成立。 有滚动条时讨论scrollHeight才有意义，没有滚动条时scrollHeight==clientHeight恒常成立。 单位px，只读元素。
scrollTop:表示滚动条存在时滚动条向下滚动的距离，也就是元素顶部被隐藏的部分的高度。 如果没有滚动条，则scrollTop==0始终成立。 单位px，可读取设定。
从offsetTop:中当前元素的顶部到父元素的顶部的距离与有无滚动条无关。 单位px，只读元素。
从offsetTop:中当前元素的顶部到父元素的顶部的距离与有无滚动条无关。 单位px，只读元素。