javascript擷取元素的各種高度

scrollHeight (網頁本文全文高  =元素高度+內邊距+邊框-捲軸)

- 指元素的滾動視圖的高度(Height of the scroll view of an element，即有捲軸時從頭部滾動到尾部的高度),它包括元素的內邊距,但不包括外邊距.
- 一個元素的scrollHeight是元素的內容(包括因為溢出而不可見的部分內容)的高度.
- 如果元素的內容產生垂直捲軸,則它的scrollHeight屬性值等於它的clientHeight屬性值.這意味著內容區需要一個捲軸或者元素含有一個overflow:visible(非滾動)的樣式值.

offsetHeight (網頁可見地區高，包括邊框 =元素高度+內邊距+邊框)

- 相對元素的父元素的元素高度值

- 元素的offsetHeightw值包括該元素的邊框,元素的垂直內邊距,元素的水平捲軸(若出現水平捲軸),以及元素的樣式高度.
- 非滾動元素(沒有設定overflow值，或設定為visible)將擁有相等的offsetHeight和scrollHeight值.

clientHeigh (網頁可見地區高，不包括邊框  =元素高度+內邊距-捲軸)

- 返回元素的內高度(the inner height of an element),包括內邊距,但不包括水平捲軸的高度,也不包括邊框及外邊距.

- clientHeight = CSS height + CSS padding - 水平捲軸的高度(若出現水平捲軸)

參考：

http://blog.csdn.net/bill200711022/article/details/7752844

http://bbs.html5cn.org/thread-363-1-30.html