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