首頁猿問視口(viewport)包不包含滾動條。

視口(viewport)包不包含滾動條。

JavaScript

ITMISS 2018-09-14 11:10:22

高程3 P.198書上說了innerWidth和innerHeight的值即視口(viewport)大小。接著又說了document.documentElement.clientWidth和document.documentElement.clientHeight也可以取得視口大小。那么viewport到底是哪一個值呢？包不包含滾動條的寬度呢？還有書中這樣的代碼，顯然是把window.innerWidth和document.documentElement.clientWidth當(dāng)成相同的值處理了//取得頁面視口的大小var pageWidth = window.innerWidth;var pageHeight = window.innerHeight;if(typeof pageWidth != "number"){ if(document.compatMode == "CSS1Compat") pageWidth = document.documentElement.clientWidth; pageHeight = document.documentElement.clientHeight; }else{ pageWidth = document.body.clientWidth; pageHeight = document.body.clientHeight; } }

查看完整描述

1 回答

暮色呼如

TA貢獻(xiàn)1853條經(jīng)驗獲得超9個贊

打開控制臺發(fā)現(xiàn)
window.innerHeight和document.documentElement.clientHeight值相等，都不包括滾動條。
//可能理解錯了你的意思，如果說是滾動條本身的寬度的話
console.log(window.innerWidth)
VM160:1 1366
console.log(document.documentElement.clientWidth)
VM168:1 1349
innerWidth是有滾動條寬度的
//
剛才去看了書上的代碼
這段代碼是適用于混雜模式下的瀏覽器的，標(biāo)準(zhǔn)模式都保存在innerWidth和innerHeight中
//
視口的寬高是包含滾動條的
innerWidth