在js獲得窗口尺寸時(shí)分別有:
1.clientWidth/clientHeight=padding+width/height
①document.documentElement.clientWidth【窗口寬度(不包括滾動(dòng)條)】/clientHeight 【可視窗口高度】
②document.body.clientWidth 【內(nèi)容寬度(相當(dāng)于一個(gè)未經(jīng)過(guò)任何修飾的div的寬度)】 /clientHeight ?【內(nèi)容高度率触,即使在當(dāng)前可視窗口中未能顯示的內(nèi)容但仍然包括在內(nèi)】
2.offsetWidth/offsetHeight=padding+width/height+border
①offsetWidth=border+padding+width+滾動(dòng)條
②offsetHeight= border+padding+Height+滾動(dòng)條
https://developer.mozilla.org/zh-CN/docs/Web/API/HTMLElement/offsetWidth
3.scrollWidth/scrollHeight
scrollWidth只讀屬性以px為單位返回元素的內(nèi)容區(qū)域?qū)挾然蛟氐谋旧淼膶挾戎懈蟮哪莻€(gè)值棒掠。若元素的寬度大于其內(nèi)容的區(qū)域(例如禽车,元素存在滾動(dòng)條時(shí)),scrollWidth的值要大于clientWidth