client翻譯過來就是客戶端,我們使用client系列的相關屬性來獲取元素可視區的相關資訊。
通過client系列的相關屬性可以動態的得到該元素的邊框大小、元素大小等。
client系列屬性
作用element.clienttop
返回元素上邊框的大小
element.clientleft
返回元素左邊框的大小
element.clientwidth
返回自身包括padding、內容區的寬度、不含邊框,返回數值不帶單位
element.clientheight
返回自身包括padding、內容區的高度、不含邊框,返回數值不帶單位
client寬度和我們的offsetwidth最大的區別就是不包含邊框。
元素進入可視區域執行
doctype html html lang en head meta charset utf 8 title title title style show show keyframes loading to style head body p id show p script newclassna...
第51天 封裝可視區域大小函式client
offsetwidth width padding border 披著羊皮的狼 clientwidth width padding 不包含border scrollwidth 大小是內容的大小 二 檢測螢幕寬度 可視區域 1 ie9及其以上的版本 window.innerwidth 2 標準模式 d...
相容的可視區高度和寬度
function viewwidth function viewheight document.body.clientwidth body物件寬度 document.body.clientheight body物件高度 document.documentelement.clientwidth 可見區...