js獲取各種高度總結
阿新 • • 發佈:2019-02-06
在寫js的時候偶爾需要獲取各種高度,比如;瀏覽器高度,頁面高度,滾動高度等。抽空整理了我自己常用到的,時間倉促,沒有考慮到萬惡的IE瀏覽器。。。。
1,獲取螢幕的高度和寬度(螢幕解析度):
window.screen.height
window.screen.width
2,獲取螢幕工作區域的高度和寬度(去掉狀態列):
window.screen.availHeight
window.screen.availWidth
3,網頁全文的高度和寬度:
document.body.scrollHeight
document.body.scrollWidth
4,滾動條捲上去的高度和向右卷的寬度:
document.body.scrollTop document.body.scrollLeft
5,網頁可見區域的高度和寬度(不加邊線):
document.body.clientHeight
document.body.clientWidth
6,網頁可見區域的高度和寬度(加邊線):
document.body.offsetHeight
document.body.offsetWidth