Window.innerWidth
瀏覽器視口(viewport)寬度(單位:像素)震蒋,如果存在垂直滾動(dòng)條則包括它
Window.innerHeight
瀏覽器窗口的視口(viewport)高度(以像素為單位),如果存在水平滾動(dòng)條滥沫,則包括它怖糊。
Element.clientWidth
表示元素的內(nèi)部寬度柳琢,以像素計(jì)休弃。該屬性包括內(nèi)邊距逻杖,但不包括垂直滾動(dòng)條(如果有)、邊框和外邊距澳厢。
網(wǎng)頁(yè)可見區(qū)域?qū)挘篸ocument.body.clientWidth
Element.clientHeight
這個(gè)屬性是只讀屬性环础,對(duì)于沒有定義CSS或者內(nèi)聯(lián)布局盒子的元素為0,否則剩拢,它是元素內(nèi)部的高度(單位像素)线得,包含內(nèi)邊距,但不包括水平滾動(dòng)條徐伐、邊框和外邊距贯钩。
clientHeight 可以通過(guò) CSS height + CSS padding - 水平滾動(dòng)條高度 (如果存在)來(lái)計(jì)算.
網(wǎng)頁(yè)可見區(qū)域高:document.body.clientHeight
網(wǎng)頁(yè)可見區(qū)域?qū)挘篸ocument.body.offsetWidth (包括邊線的寬)
網(wǎng)頁(yè)可見區(qū)域高:document.body.offsetHeight (包括邊線的寬)