- 元素偏移區域
- offsetWidth (border + padding+width)
- offsetHeight (border + padding + height)
- offsetLeft (元素距離定位父級左內邊線的水平距離)
- offsetTop (元素距離定位父級上內邊線的垂直距離)
- offsetParent (獲取元素定位父級，父級加除了position:inherit|initial|static之外的定位屬性則會得到該父級，否則一直往上找，直到找到有定位的祖先級或body為止，如果其父級有position:inherit繼承并且繼承到定位屬性，則定位父級也為其父級元素)
- firefox并沒有考慮固定定位的問題，在加了固定定位的元素，火狐返回body，其他瀏覽器返回null
- 在查找元素定位父級的時候，當元素的父級有除了static,initial,inherit(特殊情況除外)外的定位，則該元素的定位父級，為該父元素，否則會一直往上找，直到找到有除了以上定位的元素或者找到body停止
- 可視區域
- clientHeight (padding + height)不包含滾動條部分,也就是說不包含隱藏的部分
- clientWidth (padding + width)不包含滾動條部分,也就是說不包含隱藏的部分
- clientTop (上邊框的width)
- clientLeft (左邊框的width)
- 滾動區域
- scrollwidth (padding + width)包含水平滾動條部分，也就是內容區域的寬度，包含被隱藏的部分
- scrollHeight (padding + height)包含垂直滾動條部分，也就是內容區域的高度，包含被隱藏的部分
- 以上兩個屬性如果內部有隱藏部分，則它們的值為子元素的margin + padding + border + (width | height)
- scrollLeft (滾動條滾動的水平距離，默認為0)
- scrollTop (滾動條滾動的垂直距離，默認為0)
- 瀏覽器窗口大小
- window.innerWidth (瀏覽器窗口寬度，不包含工具欄，菜單等，僅僅是可視區域dom的width)
- window.innerHeight (瀏覽器窗口高度，不包含工具欄，菜單等，僅僅是可視區域dom的height)
- window.outerWidth (瀏覽器窗口寬度，包含工具欄、菜單等，整個瀏覽器的width)
- window.outerHeight (瀏覽器窗口高度，包含工具欄、菜單等,整個瀏覽器的height)
- IE有兼容問題，可用document.documentElement.clientWidth|clientHeight代替
offsetHeight,clientHeight,innerHeight,outerHeight,scrollHeight區別
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明：文章內容（如有圖片或視頻亦包括在內）由作者上傳并發布，文章內容僅代表作者本人觀點，簡書系信息發布平臺，僅提供信息存儲服務。
平臺聲明：文章內容（如有圖片或視頻亦包括在內）由作者上傳并發布，文章內容僅代表作者本人觀點，簡書系信息發布平臺，僅提供信息存儲服務。
- 文/潘曉璐 我一進店門，熙熙樓的掌柜王于貴愁眉苦臉地迎上來，“玉大人，你說我怎么就攤上這事。” “怎么了？”我有些...
- 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著，像睡著了一般。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發上，一...
- 文/蒼蘭香墨 我猛地睜開眼，長吁一口氣：“原來是場噩夢啊……” “哼！你這毒婦竟也來了？” 一聲冷哼從身側響起，我...
