27 js三你們族

爲何:獲取元素的位置


client：可視區域的寬度
	clientTop：盒子的上boder
	clientLeft：盒子的左border
	clientWidth = width +左右 padding
	clientHeight = height + 上下padding

offset
	offsetWidth 左右border+左右padding+width
	offsetHeight 上下border+上下padding+height
	offsetLeft   距離有定位的父元素的距離
	offsetTop   距離有定位的父元素的距離
	op.offsetParent  有定位的父元素


scroll
	scrollWidth 左padding+內容真實的寬度
	scrollHeight 上padding+內容真實的高度
	scrollLeft 卷出去的距離
	scrollTop  卷出去的距離

e.offsetX/e.clientX/e.pageX/e.screenX的區別

	e.offsetX：鼠標相對於事件源的X方向的距離
	e.clientX：距離瀏覽器可視區域X方向的距離
	e.pageX：鼠標相對於文檔X方向的距離
	e.screenX：鼠標距離屏幕X方向的距離
	不可變的，只能獲取不能設置的