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) {
/*在这里写加载图片的代码*/
}
相关文章
这篇文章主要介绍了JS中input表单隐藏域及其使用方法讲解，非常不错，具有参考借鉴价值，需要的朋友可以参考下2017-02-02
这篇文章主要介绍了微信小程序 TLS 版本必须大于等于1.2问题解决的相关资料,需要的朋友可以参考下2017-02-02
这篇文章主要为大家详细介绍了Bootstrap表格的制作代码，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2017-03-03
下面小编就为大家带来一篇js实现日期显示的一些操作(实例讲解)。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧2017-07-07
这篇文章主要介绍了JavaScript继承与多继承,结合实例形式较为详细的分析了JavaScript继承与多继承的概念、原理、实现与使用方法,需要的朋友可以参考下2018-05-05
这篇文章主要介绍了JavaScript数组常见方法汇总与实例说明包括数组修改，数组增加，数组遍历,数组排序等操作,需要的朋友可以参考下2022-12-12
这篇文章主要介绍了JS针对浏览器窗口关闭事件的监听方法,总结整理了几种常用的浏览器关闭事件监听方法,非常简单实用,需要的朋友可以参考下2016-06-06
借助script进行Http跨域请求:JSONP实现原理及代码
script元素的src属性能设置URL并发起HTTP GET请求实现脚本操作HTTP可以跨域通信而不受限与同源策略，接下来为大家详细介绍下Http跨域请求实现，感兴趣的你可以参考下哈2013-03-03
使用TypeScript V8来改进您的JavaScript代码
TypeScript V8是一个强大的JavaScript类型系统,它可以帮助你发现JavaScript代码中的错误和潜在问题,并在编译时捕获它们,以便您可以解决它们,TypeScript V8为JavaScript提供一系列的类型注释,包括自定义类型和其他高级功能2023-08-08
本文将介绍如何使用 JavaScript 创建文件，并自动/手动将文件下载，这在导出原始数据时会比较方便2019-10-10
最新评论