- 元素偏移區(qū)域
- offsetWidth (border + padding+width)
- offsetHeight (border + padding + height)
- offsetLeft (元素距離定位父級左內(nèi)邊線的水平距離)
- offsetTop (元素距離定位父級上內(nèi)邊線的垂直距離)
- offsetParent (獲取元素定位父級，父級加除了position:inherit|initial|static之外的定位屬性則會得到該父級，否則一直往上找，直到找到有定位的祖先級或body為止，如果其父級有position:inherit繼承并且繼承到定位屬性，則定位父級也為其父級元素)
- firefox并沒有考慮固定定位的問題，在加了固定定位的元素，火狐返回body，其他瀏覽器返回null
- 在查找元素定位父級的時候，當(dāng)元素的父級有除了static,initial,inherit(特殊情況除外)外的定位，則該元素的定位父級，為該父元素，否則會一直往上找，直到找到有除了以上定位的元素或者找到body停止
- 可視區(qū)域
- clientHeight (padding + height)不包含滾動條部分,也就是說不包含隱藏的部分
- clientWidth (padding + width)不包含滾動條部分,也就是說不包含隱藏的部分
- clientTop (上邊框的width)
- clientLeft (左邊框的width)
- 滾動區(qū)域
- scrollwidth (padding + width)包含水平滾動條部分，也就是內(nèi)容區(qū)域的寬度，包含被隱藏的部分
- scrollHeight (padding + height)包含垂直滾動條部分，也就是內(nèi)容區(qū)域的高度，包含被隱藏的部分
- 以上兩個屬性如果內(nèi)部有隱藏部分，則它們的值為子元素的margin + padding + border + (width | height)
- scrollLeft (滾動條滾動的水平距離，默認(rèn)為0)
- scrollTop (滾動條滾動的垂直距離，默認(rèn)為0)
- 瀏覽器窗口大小
- window.innerWidth (瀏覽器窗口寬度，不包含工具欄，菜單等，僅僅是可視區(qū)域dom的width)
- window.innerHeight (瀏覽器窗口高度，不包含工具欄，菜單等，僅僅是可視區(qū)域dom的height)
- window.outerWidth (瀏覽器窗口寬度，包含工具欄、菜單等，整個瀏覽器的width)
- window.outerHeight (瀏覽器窗口高度，包含工具欄、菜單等,整個瀏覽器的height)
- IE有兼容問題，可用document.documentElement.clientWidth|clientHeight代替
offsetHeight,clientHeight,innerHeight,outerHeight,scrollHeight區(qū)別
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成，瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明：文章內(nèi)容（如有圖片或視頻亦包括在內(nèi)）由作者上傳并發(fā)布，文章內(nèi)容僅代表作者本人觀點，簡書系信息發(fā)布平臺，僅提供信息存儲服務(wù)。
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成，瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明：文章內(nèi)容（如有圖片或視頻亦包括在內(nèi)）由作者上傳并發(fā)布，文章內(nèi)容僅代表作者本人觀點，簡書系信息發(fā)布平臺，僅提供信息存儲服務(wù)。
相關(guān)閱讀更多精彩內(nèi)容
- HTML 5 HTML5概述 因特網(wǎng)上的信息是以網(wǎng)頁的形式展示給用戶的，因此網(wǎng)頁是網(wǎng)絡(luò)信息傳遞的載體。網(wǎng)頁文件是用...
- 一、CSS入門 1、css選擇器 選擇器的作用是“用于確定（選定）要進(jìn)行樣式設(shè)定的標(biāo)簽（元素）”。 有若干種形式的...
- 概述 在網(wǎng)易云課堂學(xué)習(xí)李南江老師的《從零玩轉(zhuǎn)HTML5前端+跨平臺開發(fā)》時，所整理的筆記。筆記內(nèi)容為根據(jù)個人需求所...
