读取网页中涉及到的高度

目前已经总结的有

offsetHeight
offsetTop
clientHeight
clientTop
scrollHeight
scrollTop
innerHeight
outerHeight

将来准备看的有

有关控制滚动的

Element.offsetHeight

该属性是一个只读属性，返回一个代表像素高度的整数值，高度包括元素高度、内边距和边框。

• 如果该元素底部有水平滚动条的话，滚动条的高度也是被计算在内的（滚动条高度是从元素高度中减除的）

• 忽略任何应用在该元素或其祖先元素的transform属性带来的变化

Element.clientHeight

该属性是一个只读属性，返回一个代表像素高度的整数值，高度包括元素高度、内边距。

• 如果该元素底部有水平滚动条的话，滚动条的高度是不被计算在内的

• 如果调用元素为inline元素，返回0

Element.scrollHeight

该属性是一个只读属性，返回该元素实际的上内边距、下内边距和内容高度之和

window.innerHeight

该属性为只读属性，返回浏览器窗口视口高度，如果存在水平滚动条，也包括在内

window.outerHeight

该属性为只读属性，返回整个浏览器的高度

Element.offsetTop

该属性是一个只读属性，返回返回当前元素相对于其 offsetParent 元素内边距顶部的距离

• 如果其offsetParent元素为null，则为到根元素外边框顶部的距离

• 如果将offsetParent元素为body，则为到body元素外边框顶部的距离

以下是和offsetTop属性密切相关的offsetParent属性：

Element.offsetParent

该属性是一个只读属性，返回最近的一个包含调用元素的已定位元素(即position属性不为static)，如果没有定位元素，则为根元素或者table、th及td元素。

• 如果调用元素为html、body，返回null

• 如果调用元素的position属性为fixed，返回null（webkit内核浏览器、IE7+）

• 如果调用元素的display属性none，返回null（webkit内核浏览器、Firefox）

Element.clientTop

该属性是一个只读属性，通常情况下会返回border-top-width，但是如果有滚动条出现在上边框顶部和上内边距顶部之间，也应该加上滚动条的高度

Element.scrollHeight

该属性是一个可读/写的属性，读模式下返回元素目前距自身容器顶部（包括padding）的距离