clientx clienty 客戶區座標（視口）
pagex pagey 頁面座標
screenx screeny螢幕座標
offsetwidth offsetheight 帶邊框元素大小
offsetleft offsettop 外邊框到帶定位
的父級元素（或body）內邊框的畫素
clientwidth clientheight 不帶邊框元素大小
clientleft clienttop 左 上邊框寬度
scrollwidth scrollheight 沒有滾動條時，元素內容的實際大小
scrollleft scrolltop
視口外（左 上）的元素內容畫素，設定可改變滾動位置
區別：offset唯讀
可得到任意樣式表的樣式值
得到的的值是number，沒有單位
offsetwidth包含padding+border+content
style可讀寫
只能得到行內樣式表的樣式值
得到的值是string，帶單位
style.width不包含padding和border，僅content
總結：offset-獲取元素大小位置
style修改值
記得加上px
區別：offsetwidth包含padding+border+content
clientwidth不包含border，僅padding+content
區別：當內容超出視口時
clientwidth返回視口中元素大小
scrollwidth返回內容的實際大小
都不包含border
window.pagexoffset element.scrollleft
window.pageyoffset element.scrolltop
css元素大小以及位置總結
如上圖所示是表示乙個元素的大小，content表示的是元素內容所佔的大小 margin的距離是指元素外邊框與父元素內邊框的距離 html元素的position屬性有四個屬性值，分別是static relative fixed absolute static relative fixed absolu...
滑鼠點選事件設定的位置 元素位置操作以及尺寸操作
clientx y clientx y獲取到的是觸發點相對瀏覽器可視區域左上角距離，不隨頁面滾動而改變 相容性 所有瀏覽器均支援 pagex y pagex y獲取到的是觸發點相對文件區域左上角距離，會隨著頁面滾動而改變 設定讓頁面滾動，發現clientx與pagex的值不一樣 相容性 除ie6 7...
常用元素位置與大小總結
偏移量 offsetparent是乙個唯讀屬性，返回乙個指向最近的 closest，指包含層級上的最近 包含該元素的定位元素。如果沒有定位的元素，則offsetparent為最近的table元素物件或根元素 標準模式下為html 怪異模式下為body 當元素的style.display設定為none...