js取得網頁可見區域、正文以及螢幕解析度的高度_javascript技巧

網頁可見區域寬： 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


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

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

複製程式碼

程式碼如下:

document.onmousewheel = function () {
var scrollTop = document.documentElement.rollT.document. scrollTop;
var hght = document.body.scrollHeight;
if (scrollTop document.documentElement.clientHeight >= hght) {
/*在這裡寫載入圖片的程式碼*/
}

} } } } } } } } } } } }