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