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.rzrgm.cn/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 }
ps:以下方便自己記憶寫在此處
1.clientWidth和clientHeight是指的元素的內尺寸,元素內容+內邊距
2.offsetWidth和offsetHeight是指元素的外尺寸,元素內容+內邊距+邊框
3.clientLeft和clientTop是分別是指元素的border-left與border-top的值
4.offsetLeft和offsetTop指的是該元素左上角變框的外邊緣與父容器內邊距的值 不包含border邊框值
5. offsetParent對象是指元素最近的定位(relative,absolute)祖先元素,如果沒有祖先元素是定位的話,會返回null

浙公網安備 33010602011771號