元素可視區client系列

2022-06-14 04:12:08 字數 406 閱讀 2689

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 可見區...