JS/jQuery寬高學習的筆記(一)


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



最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。

推薦閱讀更多精彩內容