> 持續更新...
## DOM對象
###只讀屬性
clientWidth和clientHeight
~~~
該屬性指的是元素的可視部分寬度和高度，即padding+content，如果沒有滾動條，即為元素設定的高度和寬度，如果出現滾動條，滾動條會遮蓋元素的寬高，那么該屬性就是其本來寬高減去滾動條的寬高
var w = window.innerWidth || document.documentElement.clientWidth || document.body.clientWidth; //width
var h = window.innerHeight || document.documentElement.clientHeight || document.body.clientHeight; //height
~~~
offsetWidth和offsetHeight
~~~
這一對屬性指的是元素的border+padding+content的寬度和高度，該屬性和其內部的內容是否超出元素大小無關，只和本來設定的border以及width和height有關
~~~
clientTop和clientLeft
~~~
這一對屬性是用來讀取元素的border的寬度和高度的。
~~~
offsetLeft和offsetTop
~~~
說到這對屬性就需要說下offsetParent,所謂offsetParent指的是當前元素的離自己最近的具有定位的（position:absolute或者position：relative）父級元素（不僅僅指的是直接父級元素，只要是它的父元素都可以），該父級元素就是當前元素的offsetParent，如果從該元素向上尋找，找不到這樣一個父級元素，那么當前元素的offsetParent就是body元素。而offsetLeft和offsetTop指的是當前元素，相對于其offsetParent左邊距離和上邊距離，即當前元素的border到包含它的offsetParent的border的距離
~~~
scrollHeight和scrollWidth
~~~
顧名思義，這兩個屬性指的是當元素內部的內容超出其寬度和高度的時候，元素內部內容的實際寬度和高度，需要注意的是，當元素其中內容沒有超過其高度或者寬度的時候，該屬性是取不到的。
~~~
### 可讀可寫屬性
scrollTop和scrollLeft
~~~
這對屬性是可讀寫的，指的是當元素其中的內容超出其寬高的時候，元素被卷起的高度和寬度。
function scroll() {
if (window.pageYOffset != null) // ie9+ 和其他瀏覽器
{
return {
left: window.pageXOffset,
top: window.pageYOffset
}
}
else if (document.compatMode == "CSS1Compat") // 聲明的了 DTD
// 檢測是不是怪異模式的瀏覽器 -- 就是沒有 聲明<!DOCTYPE html>
{
return {
left: document.documentElement.scrollLeft,
top: document.documentElement.scrollTop
}
}
return { // 剩下的
left: document.body.scrollLeft,
top: document.body.scrollTop
}
}
~~~
obj.style.*屬性
~~~
對于一個dom元素，它的style屬性返回的是一個對象，這個對象中的任意一個屬性是可讀寫的。如obj.style.top,obj.style.wdith等，在讀的時候，他們返回的值常常是帶有單位的(如px),同時，對于這種方式，
它只能夠獲取到該元素的行內樣式，而并不能獲取到該元素最終計算好的樣式，這就是在讀取屬性值得時候和以上只讀屬性的區別，要獲取計算好的樣式，請使用obj.currentstyle（IE）和getComputedStyle(IE之外的瀏覽器)。另一方面，這些屬性能夠被賦值，js運動的原理就是通過不斷修改這些屬性的值而達到其位置改變的，需要注意的是，給這些屬性賦值的時候需要帶單位的要帶上單位，否則不生效。
~~~
## Event對象
clientX和clientY
~~~
這對屬性是當事件發生時，鼠標點擊位置相對于瀏覽器（可視區）的坐標，即瀏覽器左上角坐標的（0,0），該屬性以瀏覽器左上角坐標為原點，計算鼠標點擊位置距離其左上角的位置，不管瀏覽器窗口大小如何變化，都不會影響點擊位置的坐標
~~~
screenX和screenY
~~~
事件發生時鼠標相對于屏幕的坐標，以設備屏幕的左上角為原點，事件發生時鼠標點擊的地方即為該點的screenX和screenY值
~~~
offsetX和offsetY
~~~
這一對屬性是指當事件發生時，鼠標點擊位置相對于該事件源的位置
~~~
pageX和pageY
~~~
顧名思義，該屬性是事件發生時鼠標點擊位置相對于頁面的位置，通常瀏覽器窗口沒有出現滾動條時，該屬性和event.clientX及event.clientY是等價的，但是當瀏覽器出現滾動條的時候，pageX通常會大于clientX，因為頁面還存在被卷起來的部分的寬度和高度
~~~
