讀取網頁中涉及到的高度

目前已經總結的有

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）的距離