offset
offsetWidth offsetHeight
- offsetWidth 元素控件自身的寬度。不包括overflow未顯示的部分。
- offsetHeight 元素控件自身的高度。
offsetLeft offsetTop
- offsetLeft 指元素距離最近的（帶有定位的）父元素的頂部的距離，如果沒有定位則為距離根元素（在標準兼容模式下為html元素；在怪異呈現模式下為body元素）頂部的距離。
- offsetLeft 指元素距離最近的（帶有定位的）父元素的左側的距離，如果沒有定位則為距離根元素頂部的距離。
offsetParent
offsetParent 返回一個對象的引用，這個對象時距離調用offsetParent屬性最近的（在包含層中最靠近的），并且是已進行過css定位的容器元素。如果這個容器元素未進行css定位，則 offsetParent 屬性的取值為根元素的引用。當容器元素的 style.dispaly 被設置為“none”
offset.png
scroll
scrollHeight scrollWidth
- scrollHeight 獲取對象的滾動高度，對象內部實際內容的高度，包括內容區和內邊距，不包括邊框。
- scrollWidth 獲取對象的滾寬度，對象的實際寬度。
scrollLeft scrollTop
- scrollLeft 獲取位于對象左邊界和窗口中目前可見內容的最左端的距離。
- scrollTop 獲取位于對象上邊界和窗口中目前可見內容的最左端之間的距離。
scroll.png
client
clientWidth clientHeight
- clientWidth 對象可見的寬度，不包括滾動條等邊線，會隨窗口的顯示大小改變。
- clientHeight 對象可見的高度。
clientTop clientLeft
這兩個返回的是元素周圍邊框的厚度，一般它的值就是0。因為滾動條不會出現在頂部或者左側。
client.png
其他
window.screen 包含有關用戶屏幕的信息。
- screen.availWidth 可用的屏幕寬度。
- screen.availHeight 可用的屏幕高度。
offsetTop與style.top的區別
- offsetTop 返回的是數字，style.top 返回的是字符串，除了數字外還帶有單位：px。
- offsetTop 只讀，styleTop 可讀寫。
- offsetTop 可以獲取行內樣式和內嵌樣式，style.top只能獲取行內樣式。
- 如果沒有加定位，style.top 獲取的數值可能是無效的。
