原文:js獲取網頁的各種高度

網頁可見區域寬： document.body.clientWidth
網頁可見區域高： document.body.clientHeight
網頁可見區域寬： document.body.offsetWidth (包括邊線的寬)
網頁可見區域高： document.body.offsetHeight (包括邊線的高)
網頁正文全文寬： document.body.scrollWidth
網頁正文全文高： document.body.scrollHeight
網頁被卷去的高： document.body.scrollTop
網頁被卷去的左： document.body.scrollLeft
網頁正文部分上： window.screenTop
網頁正文部分左： window.screenLeft
屏幕分辨率的高： window.screen.height
屏幕分辨率的寬： window.screen.width
屏幕可用工作區高度： window.screen.availHeight
屏幕可用工作區寬度： window.screen.availWidth

因為一直記不住這些所以轉過來常看看就應該能記住了

以上屬于轉載，出處http://www.cnblogs.com/wuchao/ 應該是這個出處吧

有了這個我就可以來動態加載圖片代碼了

1 document.onmousewheel = function () { 2 var scrollTop = document.documentElement.scrollTop || document.body.scrollTop; 3 var hght = document.body.scrollHeight;
4 if (scrollTop + document.documentElement.clientHeight >= hght) { 5 /*在這里寫加載圖片的代碼*/ 6 }

?

《新程序員》：云原生和全面數字化實踐50位技術專家共同創作，文字、視頻、音頻交互閱讀

總結

以上是生活随笔為你收集整理的js获取网页的各种高度的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。