offset系列（看父元素有沒有定位）
1.父元素：沒有脫離文件流
offsettop 、offsetleft：對齊瀏覽器，自身最邊緣（邊框）到客戶區最左/最上端的距離
2.父元素：脫離文件流
offsettop 、offsetleft：對齊父元素，自身最邊緣（邊框）到父級最左/最上端的距離
offsetwidth、offsetheight（元素實際寬高）與自身的border、padding、width/height有關，與父元素無關（就是邊框到邊框的距離）
client系列
clientwidth、clientheight（元素可視區域）：與padding、content有關 （如果文字超出了盒子，得到的值不會加上超出的距離）。
clientleft、clienttop：border的寬度
scroll系列
scrolltop：向上捲曲出去的距離
scrollheight：如果內容沒有超出盒子，就等於是clientheight；如果超出了，等於文字高度
補充：event.clientx、ecent.clienty：滑鼠相對於可視視窗的x、y座標
event.screenx、event.screeny：滑鼠相對於使用者裝置的x、y座標
event.offsetx、 event.offsety：滑鼠相對於事件源的x、y座標（只有ie支援）
event.pagex、event.pagey：滑鼠相對於頁面的x、y座標（加上了捲曲出去的距離）（ie不支援）
JS的三大系列
一.offset系列 1.offsetwidth和offsetheight 2.offsetleft和offsettop 檢測距離有定位的父系盒子左 上的距離 3.offsetparent 檢測父盒子中帶有定位的父盒子節點 二.scroll系列 1.scrollwidth和scrollheight ...
js中三大系列屬性的範圍
offset系列 獲取元素的寬,高,left,top,offsetparent offsetwidth 元素的寬,有邊框 offsetheight 元素的高,有邊框 offsetleft 元素距離左邊位置的值 offsettop 元素距離上面位置的值 scroll系列 捲曲出去的值 scrollle...
JS 常用位置 和 尺寸 獲取 滑鼠的座標
innerwidth 文件顯示區域 寬 innerheight 文件顯示區域 高 outwidth 瀏覽器整個寬 outheight 瀏覽器整個高 screenx screenleft 瀏覽器裡螢幕左上角距離的x座標 screeny screentop 瀏覽器裡螢幕左上角距離的y座標 尺寸 elem...