1. 偏移量
偏移量包括元素在屏幕上占用的所有可見(jiàn)空間。元素的可見(jiàn)大小由其高度、寬度決定惯悠，包括所有內(nèi)邊距、滾動(dòng)條和邊框大锌⒖觥（注意：不包括外邊距）克婶。
offsetWidth：元素在水平方向上占用的空間
offsetHeight：元素在垂直方向上占用的空間
offsetTop：元素的上外邊框至包含元素的上內(nèi)邊框之間的像素距離
offsetLeft：元素的左外邊框至包含元素的左內(nèi)邊框之間的像素距離
一般來(lái)說(shuō)，頁(yè)面中的所有元素都會(huì)被包含在幾個(gè)<div>元素中丹泉，這些元素的offsetParent就是<body>元素情萤。
2. 客戶區(qū)大小
客戶區(qū)大小指定是元素內(nèi)容及其內(nèi)邊距所占據(jù)的空間大小。 不包含滾動(dòng)條的大小摹恨。
clientWidth： 元素內(nèi)容區(qū)寬度加上左右內(nèi)邊距寬度筋岛。
clientHeight：元素內(nèi)容區(qū)高度加上上下內(nèi)邊距高度。
可以用以下代碼確定瀏覽器視口的大胁撬：
function getViewport() {
if(document.compatMode == "BackCompat") { //IE7之前版本
return {
width: document.body.clientWidth,
height: document.body.clientHeight
};
} else {
return {
width: document.documentElement.clientWidth,
height: document.documentElement.clientHeight
};
}
}
3. 滾動(dòng)大小
滾動(dòng)大小指包含滾動(dòng)內(nèi)容的元素的大小。
scrollWidth： 在沒(méi)有滾動(dòng)條的情況下，元素內(nèi)容的總寬度
scrollHeight：在沒(méi)有滾動(dòng)條的情況下揩晴，元素內(nèi)容的總高度
scrollTop：被隱藏內(nèi)容在區(qū)域上方的像素?cái)?shù)勋陪，通過(guò)設(shè)置這個(gè)屬性可以改變?cè)氐臐L動(dòng)高度
scrollLeft：被隱藏內(nèi)容在區(qū)域左側(cè)的像素?cái)?shù)，通過(guò)設(shè)置這個(gè)屬性可以改變?cè)氐乃椒较蝻@示的位置
