今天主要是記錄一下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