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

2021-08-20 19:34:28 字數 901 閱讀 8433

文件可視區域寬度: document.documentelement.clientwidth

文件可視區域高度: document.documentelement.clientheight

元素的寬度:htmlelement.offsetwidth

元素的高度:htmlelement.offsetheight

元素的寬度(包括溢位不可見內容): document.body.scrollwidth

元素的高度(包括溢位不可見內容): document.body.scrollheight

滾動條下拉被卷起來的距離:document.documentelement.scrolltop || window.pageyoffset || document.body.scrolltop

滾動條側拉被卷起來的距離:document.body.scrollleft || document.documentelement.scrollleft 

網頁正文部分上:window.screentop

網頁正文部分左:window.screenleft

相對于父元素的上位移:htmlelement.offsettop(在元素的包含元素不含滾動條的情況下)

相對于父元素的左位移:htmlelement.offsetleft(在元素的包含元素不含滾動條的情況下)

JS瀏覽器獲取寬高

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

JQ 獲取瀏覽器視窗寬高

window height 瀏覽器時下視窗可視區域高度 document height 瀏覽器時下視窗文件的高度 document.body height 瀏覽器時下視窗文件body的高度 document.body outerheight 瀏覽器時下視窗文件body的總高度 包括border pa...

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

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