關於js獲取瀏覽器以及元素的高度

2021-10-23 06:29:16 字數 700 閱讀 3383

網頁可見區域寬: document.body.clientwidth

網頁可見區域高: document.body.clientheight

網頁可見區域寬: document.body.offsetwidth (包括邊線的寬)

網頁可見區域高: document.body.offsetheight (包括邊線的高)

網頁正文全文寬: document.body.scrollwidth

網頁正文全文高: document.body.scrollheight

網頁被卷去的高: document.body.scrolltop

網頁被卷去的左: document.body.scrollleft

元素的實際高度:document.getelementbyid("div").offsetheight

元素的實際寬度:document.getelementbyid("div").offsetwidth

元素的實際距離左邊界的距離:document.getelementbyid("div").offsetleft

元素的實際距離上邊界的距離:document.getelementbyid("div").offsettop

可見區域寬度:document.documentelement.clientwidth 

可見區域高度:document.documentelement.clientheight 

JS瀏覽器獲取寬高

網頁可見區域寬 document.body.clientwidth 網頁可見區域高 document.body.clientheight html下獲取瀏覽器高度,xhtml下獲取元素總高度 網頁可見區域高 document.documentelement.clientheight xhtml下獲取...

獲取瀏覽器視口寬高以及元素寬高

適用所有瀏覽器 var w window.innerwidth document.documentelement.clientwidth document.body.clientwidth var w window.innerheight document.documentelement.clien...

JS獲取瀏覽器視窗及元素寬高常用方法

文件可視區域寬度 document.documentelement.clientwidth 文件可視區域高度 document.documentelement.clientheight 元素的寬度 htmlelement.offsetwidth 元素的高度 htmlelement.offsethei...