scrollWidth:對象的實際內容的寬度,不包邊線寬度步悠,會隨對象中內容超過可視區(qū)后而變大签杈。
clientWidth:對象內容的可視區(qū)的寬度,不包滾動條等邊線鼎兽,會隨對象顯示大小的變化而改變答姥。
offsetWidth:對象整體的實際寬度铣除,包滾動條等邊線,會隨對象顯示大小的變化而改變踢涌。
innerWidth:
window.innerHeight=瀏覽器窗口的內部高度
window.innerWidth=瀏覽器窗口的內部寬度
例子 textarea
1、元素內無內容或者內容不超過可視區(qū)序宦,滾動不出現(xiàn)或不可用的情況下睁壁。
scrollWidth=clientWidth,兩者皆為內容可視區(qū)的寬度互捌。
offsetWidth為元素的實際寬度潘明。
2、元素的內容超過可視區(qū)秕噪,滾動條出現(xiàn)和可用的情況下钳降。
scrollWidth>clientWidth。
scrollWidth為實際內容的寬度腌巾。
clientWidth是內容可視區(qū)的寬度遂填。
offsetWidth是元素的實際寬度。
3澈蝙、offsetWidth和width區(qū)別
offsetWidth屬性可以返回對象的padding+border+元素width屬性值之和吓坚,style.width返回值就是定義的width屬性值。
offsetWidth屬性僅是可讀屬性灯荧,而style.width是可讀寫的礁击。
offsetWidth屬性返回值是整數(shù),而style.width的返回值是字符串逗载,并且?guī)в袉挝弧?br>
4.style.width僅能返回以style方式定義的內部樣式表的width屬性值哆窿。