今天主要是記錄一下document的client寬高度介紹。
1.client(即可視部分的寬高)
控制臺輸出為:
由此輸出結果即為clientWidth=padding*2+width;clientHeight=padding*2+width
我們再拿文字實驗下如果加上滾動條后會有沒有什么變化?
先win7下實驗
輸出結果為183;
由此可以了解到假如有padding無滾動軸:clientWidth = style.width;
假如無padding無滾動:clientWidth = style.width+style.padding*2;
假如有padding有滾動:clientWidth = style.width+style.padding*2-滾動軸寬度;
在mac系統下
滾動軸是被處理的,不會出現滾動軸占寬度的情況。
clientLeft和clientTop
返回的是邊框厚度,如果不指定邊框和不定位該元素,他的值就是0.
輸出為1;
clientLeft和clientTop這一對屬性是用來讀取元素的border
clientTop = border-top的border-width
clientLeft = border-left的border-width