js 獲取各種寬度

得到的是設(shè)備像素可見寬高

document.documentElement.clientWidth; 
document.documentElement.clientHeight;

設(shè)備的高度、寬度

screen.height
screen.width
網(wǎng)頁可見區(qū)域?qū)挘篸ocument.body.clientWidth 
網(wǎng)頁可見區(qū)域高:document.body.clientHeight 
網(wǎng)頁可見區(qū)域?qū)挘篸ocument.body.offsetWidth (包括邊線的寬) 
網(wǎng)頁可見區(qū)域高:document.body.offsetHeight (包括邊線的寬) 
網(wǎng)頁正文全文寬:document.body.scrollWidth 
網(wǎng)頁正文全文高:document.body.scrollHeight 
網(wǎng)頁被卷去的高:document.body.scrollTop 
網(wǎng)頁被卷去的左:document.body.scrollLeft 
網(wǎng)頁正文部分上:window.screenTop 
網(wǎng)頁正文部分左:window.screenLeft 
屏幕分辨率的高:window.screen.height 
屏幕分辨率的寬:window.screen.width 
屏幕可用工作區(qū)高度:window.screen.availHeight 
屏幕可用工作區(qū)寬度:window.screen.availWidth
clientWidth = width + padding
offsetWidth = width + padding + border
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • 問答題47 /72 常見瀏覽器兼容性問題與解決方案? 參考答案 (1)瀏覽器兼容問題一:不同瀏覽器的標(biāo)簽?zāi)J(rèn)的外補(bǔ)...
    _Yfling閱讀 14,120評論 1 92
  • 剛開始做移動(dòng)端web開發(fā)的同學(xué)應(yīng)該都碰到過頁面適配問題,為什么我在開發(fā)手機(jī)上調(diào)試好的頁面在其他手機(jī)會有這樣或那樣的...
    留七七閱讀 19,769評論 5 80
  • 我們先從一個(gè)聽的最多的概念——PPI開始。PPI什么是PPIPPI的復(fù)雜之處在于如果他所處的上下文環(huán)境不同,意義也...
    garble閱讀 788評論 0 1
  • 第177章回顧 “哇!這里真的好美!” 卡諾森林的最深處便是泉水的所在之地,瀑布后面有一棵高大的靈樹,傳說這課靈樹...
    陳瀛Neptune閱讀 690評論 15 18
  • 低頭碼字,把「背負(fù)武器卻脊背挺拔的劍客」打成了「背負(fù)曲奇」。 一個(gè)愣神,一位破布斗篷腰間掛著酒葫蘆的長發(fā)男子橫在眼...
    一尾羊閱讀 310評論 0 0

友情鏈接更多精彩內(nèi)容