js获取网页可见区域、正文以及屏幕分辨率的高度
更新时间：2014年05月15日 10:19:48 作者：
这篇文章主要介绍了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
因为一直记不住这些所以转过来常看看就应该能记住了
有了这个我就可以来动态加载图片代码了
document.onmousewheel = function () {
var scrollTop = document.documentElement.scrollTop || document.body.scrollTop;
var hght = document.body.scrollHeight;
if (scrollTop + document.documentElement.clientHeight >= hght) {
/*在这里写加载图片的代码*/
}
网页可见区域高： 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.scrollTop || document.body.scrollTop;
var hght = document.body.scrollHeight;
if (scrollTop + document.documentElement.clientHeight >= hght) {
/*在这里写加载图片的代码*/
}
相关文章
因为最近要控制广告，所以从绿盟与脚本之家页面上，整理了一些cookies的操作控制代码，喜欢的朋友不容错过。2010-04-04
下面小编就为大家带来一篇文本框只能输入数字的实现方法(兼容IE火狐)。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧2016-06-06
这篇文章主要介绍了javascript实现根据身份证号读取相关信息,需要的朋友可以参考下2014-12-12
这篇文章主要为大家详细介绍了JavaScript实现HTML导航栏下拉菜单，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2020-11-11
本文将会讨论客户端JavaScript中的错误处理。主要介绍JavaScript中的易犯错误、错误处理、异步代码编写等内容。下面就让我们一起看看如何正确处理JavaScript中的错误2017-10-10
这篇文章主要介绍了Bootstrap缩略图的创建方法，教大家如何实现Bootstrap缩略图，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2017-03-03
事件是将JavaScript脚本与网页联系在一起的主要方式，是JavaScript中最重要的主题之一。本文将详细探讨JavaScript的事件机制，并对比分析了浏览器之间的不同，具体内容包括事件流、事件处理程序绑定方式、事件对象等。2017-01-01
这篇文章主要介绍了微信小程序用户授权及判断登录是否过期，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2019-05-05
实例演示对javascript的节点的各种操作。包括hasChildNodes()，removeChild()，appendChild()，replaceChild()，insertBefore()，cloneNode()等2012-06-06
javascript中setAttribute()函数使用方法及兼容性
这篇文章主要介绍了javascript中setAttribute()函数使用方法及兼容性的相关资料,需要的朋友可以参考下2015-07-07
最新评论