js获取网页可见区域、正文以及屏幕分辨率的高度


Posted in Javascript onMay 15, 2014

网页可见区域宽: 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) { 
/*在这里写加载图片的代码*/ 
}
Javascript 相关文章推荐
jquery jqPlot API 中文使用教程(非常强大的图表工具)
Aug 15 Javascript
JS中setTimeout()的用法详解
Apr 14 Javascript
JQuery的AJAX实现文件下载的小例子
May 15 Javascript
javascript获取选中的文本的方法代码
Oct 30 Javascript
js生成随机数的方法实例
Oct 16 Javascript
Google Maps基础及实例解析
Aug 06 Javascript
JavaScript高阶函数_动力节点Java学院整理
Jun 28 Javascript
微信小程序自定义底部弹出框
Nov 16 Javascript
vue中v-show和v-if的异同及v-show用法
Jun 06 Javascript
Emberjs 通过 axios 下载文件的方法
Sep 03 Javascript
基于jsbarcode 生成条形码并将生成的条码保存至本地+源码
Apr 27 Javascript
js实现弹幕飞机效果
Aug 27 Javascript
Javascript小技巧之生成html元素
May 15 #Javascript
javascript屏蔽右键代码
May 15 #Javascript
js获取窗口相对于屏幕左边和上边的位置坐标
May 15 #Javascript
jquery如何判断表格同一列不同行input数据是否重复
May 14 #Javascript
jquery获取对象的方法足以应付常见的各种类型的对象
May 14 #Javascript
jquery-syntax动态语法着色示例代码
May 14 #Javascript
jquery对table中各数据的增加、保存、删除操作示例
May 14 #Javascript
You might like
PHP.MVC的模板标签系统(一)
2006/09/05 PHP
php checkbox复选框值的获取与checkbox默认值输出方法
2010/05/15 PHP
php在线代理转向代码
2012/05/05 PHP
php解决抢购秒杀抽奖等大流量并发入库导致的库存负数的问题
2014/06/19 PHP
thinkPHP5.0框架URL访问方法详解
2017/03/18 PHP
php简单生成一组与多组随机字符串的方法
2017/05/09 PHP
javascript转换字符串为dom对象(字符串动态创建dom)
2010/05/10 Javascript
关于递归运算的顺序测试代码
2011/11/30 Javascript
JavaScript起点(严格模式深度了解)
2013/01/28 Javascript
快速解决jquery之get缓存问题的最简单方法介绍
2013/12/19 Javascript
Nodejs使用mysql模块之获得更新和删除影响的行数的方法
2014/03/18 NodeJs
jQuery 获取兄弟元素的几种不错方法
2014/05/23 Javascript
html+js+highcharts绘制圆饼图表的简单实例
2016/08/04 Javascript
input 禁止输入特殊字符的四种实现方式
2016/08/24 Javascript
原生JS实现Ajax跨域请求flask响应内容
2017/10/24 Javascript
微信小程序使用input组件实现密码框功能【附源码下载】
2017/12/11 Javascript
百度地图去掉marker覆盖物或者去掉maker的label文字方法
2018/01/26 Javascript
node.js的Express服务器基本使用教程
2019/01/09 Javascript
Vue axios 将传递的json数据转为form data的例子
2019/10/29 Javascript
python网络编程学习笔记(八):XML生成与解析(DOM、ElementTree)
2014/06/09 Python
详解Python中的type()方法的使用
2015/05/21 Python
Python实现的矩阵类实例
2017/08/22 Python
基于Python数据可视化利器Matplotlib,绘图入门篇,Pyplot详解
2017/10/13 Python
matplotlib绘制动画代码示例
2018/01/02 Python
详解Numpy数组转置的三种方法T、transpose、swapaxes
2019/05/27 Python
python实现切割url得到域名、协议、主机名等各个字段的例子
2019/07/25 Python
Python学习工具jupyter notebook安装及用法解析
2020/10/23 Python
解决Pymongo insert时会自动添加_id的问题
2020/12/05 Python
匡威德国官网:Converse德国
2019/01/26 全球购物
Marc O’Polo俄罗斯官方在线商店:德国高端时尚品牌
2019/12/26 全球购物
工厂保安员岗位职责
2014/01/31 职场文书
十佳标兵事迹材料
2014/08/18 职场文书
环境保护建议书
2014/08/26 职场文书
祖国在我心中演讲稿600字
2014/09/23 职场文书
钢铁是怎样炼成的读书笔记
2015/06/29 职场文书
python 遍历磁盘目录的三种方法
2021/04/02 Python