第一次看到這圖厦坛，說(shuō)實(shí)話有點(diǎn)被嚇到狰闪。辛润。永淌。
============================分割線======================================
offsetParent：該屬性返回一個(gè)對(duì)象的引用崎场，這個(gè)對(duì)象是距離調(diào)用offsetParent的元素最近的（在包含層次中最靠近的），已進(jìn)行過(guò)CSS定位的容器元素遂蛀。 如果這個(gè)容器元素未進(jìn)行CSS定位, 則offsetParent屬性的取值為body元素的引用谭跨。 當(dāng)容器元素的style.display 被設(shè)置為 "none"時(shí)（譯注：IE和Opera除外），offsetParent屬性 返回 null李滴。
top：該屬性一般對(duì)用過(guò)css定位的元素有效（position為“static”時(shí)為auto螃宙，不產(chǎn)生效果），定義了一個(gè)top屬性有效的元素（即定位元素）的上外邊距邊界與其包含塊上邊界之間的偏移所坯。
clientTop：元素上邊框的厚度谆扎，當(dāng)沒(méi)有指定邊框厚底時(shí)，一般為0芹助。
scrollTop：位于對(duì)象最頂端和窗口中可見(jiàn)內(nèi)容的最頂端之間的距離堂湖，簡(jiǎn)單地說(shuō)就是滾動(dòng)后被隱藏的高度。
offsetTop：獲取對(duì)象相對(duì)于由offsetParent屬性指定的父坐標(biāo)(css定位的元素或body元素)距離頂端的高度状土。
clientHeight：內(nèi)容可視區(qū)域的高度无蜂，也就是說(shuō)頁(yè)面瀏覽器中可以看到內(nèi)容的這個(gè)區(qū)域的高度，一般是最后一個(gè)工具條以下到狀態(tài)欄以上的這個(gè)區(qū)域蒙谓，與頁(yè)面內(nèi)容無(wú)關(guān)酱讶。
scrollHeight：IE、Opera 認(rèn)為 scrollHeight 是網(wǎng)頁(yè)內(nèi)容實(shí)際高度彼乌，可以小于 clientHeight。FF 認(rèn)為 scrollHeight 是網(wǎng)頁(yè)內(nèi)容高度渊迁，不過(guò)最小值是 clientHeight慰照。
offsetHeight：獲取對(duì)象相對(duì)于由offsetParent屬性指定的父坐標(biāo)(css定位的元素或body元素)的高度。IE琉朽、Opera 認(rèn)為 offsetHeight = clientHeight + 滾動(dòng)條 + 邊框毒租。FF 認(rèn)為 offsetHeight 是網(wǎng)頁(yè)內(nèi)容實(shí)際高度，可以小于 clientHeight箱叁。offsetHeight在新版本的FF和IE中是一樣的墅垮，表示網(wǎng)頁(yè)的高度，與滾動(dòng)條無(wú)關(guān)耕漱，chrome中不包括滾動(dòng)條算色。
*諸如left、clientLeft螟够、offsetLeft灾梦、clientWidth峡钓、scrollWidth等，和top若河、height類似能岩，不再贅述。
============================分割線=====================================
clientX萧福、clientY：相對(duì)于瀏覽器窗口可視區(qū)域的X拉鹃，Y坐標(biāo)（窗口坐標(biāo)），可視區(qū)域不包括工具欄和滾動(dòng)條鲫忍。IE事件和標(biāo)準(zhǔn)事件都定義了這2個(gè)屬性膏燕。
pageX、pageY：類似于event.clientX饲窿、event.clientY煌寇，但它們使用的是文檔坐標(biāo)而非窗口坐標(biāo)。這2個(gè)屬性不是標(biāo)準(zhǔn)屬性逾雄，但得到了廣泛支持阀溶。IE事件中沒(méi)有這2個(gè)屬性。
offsetX鸦泳、offsetY：相對(duì)于事件源元素（target或srcElement）的X,Y坐標(biāo)银锻，只有IE事件有這2個(gè)屬性，標(biāo)準(zhǔn)事件沒(méi)有對(duì)應(yīng)的屬性做鹰。
screenX击纬、screenY：相對(duì)于用戶顯示器屏幕左上角的X,Y坐標(biāo)。標(biāo)準(zhǔn)事件和IE事件都定義了這2個(gè)屬性
