js獲取網(wǎng)頁可見區(qū)域、正文以及屏幕分辨率的高度
更新時間：2014年05月15日 10:19:48 作者：
這篇文章主要介紹了js獲取網(wǎng)頁的各種高度，例如可見區(qū)域、正文以及屏幕分辨率的高度,需要的朋友可以參考下
網(wǎng)頁可見區(qū)域?qū)挘?document.body.clientWidth
網(wǎng)頁可見區(qū)域高： document.body.clientHeight
網(wǎng)頁可見區(qū)域?qū)挘?document.body.offsetWidth (包括邊線的寬)
網(wǎng)頁可見區(qū)域高： document.body.offsetHeight (包括邊線的高)
網(wǎng)頁正文全文寬： document.body.scrollWidth
網(wǎng)頁正文全文高： document.body.scrollHeight
網(wǎng)頁被卷去的高： document.body.scrollTop
網(wǎng)頁被卷去的左： document.body.scrollLeft
網(wǎng)頁正文部分上： window.screenTop
網(wǎng)頁正文部分左： window.screenLeft
屏幕分辨率的高： window.screen.height
屏幕分辨率的寬： window.screen.width
屏幕可用工作區(qū)高度： window.screen.availHeight
屏幕可用工作區(qū)寬度： window.screen.availWidth
因為一直記不住這些所以轉(zhuǎn)過來?？纯淳蛻?yīng)該能記住了
有了這個我就可以來動態(tài)加載圖片代碼了
document.onmousewheel = function () {
var scrollTop = document.documentElement.scrollTop || document.body.scrollTop;
var hght = document.body.scrollHeight;
if (scrollTop + document.documentElement.clientHeight >= hght) {
/*在這里寫加載圖片的代碼*/
}
網(wǎng)頁可見區(qū)域高： document.body.clientHeight
網(wǎng)頁可見區(qū)域?qū)挘?document.body.offsetWidth (包括邊線的寬)
網(wǎng)頁可見區(qū)域高： document.body.offsetHeight (包括邊線的高)
網(wǎng)頁正文全文寬： document.body.scrollWidth
網(wǎng)頁正文全文高： document.body.scrollHeight
網(wǎng)頁被卷去的高： document.body.scrollTop
網(wǎng)頁被卷去的左： document.body.scrollLeft
網(wǎng)頁正文部分上： window.screenTop
網(wǎng)頁正文部分左： window.screenLeft
屏幕分辨率的高： window.screen.height
屏幕分辨率的寬： window.screen.width
屏幕可用工作區(qū)高度： window.screen.availHeight
屏幕可用工作區(qū)寬度： window.screen.availWidth
因為一直記不住這些所以轉(zhuǎn)過來?？纯淳蛻?yīng)該能記住了
有了這個我就可以來動態(tài)加載圖片代碼了
復(fù)制代碼 代碼如下:
document.onmousewheel = function () {
var scrollTop = document.documentElement.scrollTop || document.body.scrollTop;
var hght = document.body.scrollHeight;
if (scrollTop + document.documentElement.clientHeight >= hght) {
/*在這里寫加載圖片的代碼*/
}
相關(guān)文章
這篇文章主要介紹了JS全局變量和局部變量最新解析的相關(guān)知識，本文給給大家補(bǔ)充js刪除局部變量的代碼，非常不錯，具有參考借鑒價值，感興趣的朋友一起學(xué)習(xí)吧2016-06-06
js加載之使用DOM方法動態(tài)加載Javascript文件
傳統(tǒng)上，加載Javascript文件都是使用script標(biāo)簽，我們也可以使用DOM方法，動態(tài)加載Javascript文件，具體實現(xiàn)如下，感興趣的朋友可以參考下2013-11-11
List Installed Hot Fixes...2007-06-06
javascript實現(xiàn)十秒鐘后注冊按鈕可點擊的方法
這篇文章主要介紹了javascript實現(xiàn)十秒鐘后注冊按鈕可點擊的方法,涉及javascript時間及樣式操作的相關(guān)技巧,需要的朋友可以參考下2015-05-05
基于javascript的在火狐里面強(qiáng)制換行字符
火狐也不知道為什么，自己功能上，樣式上面，都無法讓其強(qiáng)制換行，這里用JS來實現(xiàn)火狐里面強(qiáng)制換行的方法。2010-06-06
下面小編就為大家?guī)硪黄狫S獲取和修改元素樣式的實例代碼。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2016-08-08
這篇文章主要為大家詳細(xì)介紹了微信小程序?qū)崿F(xiàn)簡易計算器功能，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下2022-09-09
淺析BootStrap模態(tài)框的使用(經(jīng)典)
Bootstrap Modals（模態(tài)框）是使用定制的 Jquery 插件創(chuàng)建的。本文給大家介紹BootStrap模態(tài)框的使用，感興趣的朋友一起學(xué)習(xí)吧2016-04-04
模仿IE自動完成功能...2006-10-10
這篇文章主要介紹了基于BootStrap的圖片輪播效果展示實例代碼的相關(guān)資料,需要的朋友可以參考下2016-05-05