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 相关文章推荐
JavaScript面向对象之静态与非静态类
Feb 03 Javascript
Jquery中删除元素的实现代码
Dec 29 Javascript
使用jquery+CSS3实现仿windows10开始菜单的下拉导航菜单特效
Sep 24 Javascript
jQuery动态创建元素以及追加节点的实现方法
Oct 20 Javascript
jquery.validate表单验证插件使用方法解析
Nov 07 Javascript
100多个基础常用JS函数和语法集合大全
Feb 16 Javascript
JQuery.dataTables表格插件添加跳转到指定页
Jun 09 jQuery
js分页之前端代码实现和请求处理
Aug 04 Javascript
express+mockjs实现模拟后台数据发送功能
Jan 07 Javascript
详解express + mock让前后台并行开发
Jun 06 Javascript
Layui数据表格判断编辑输入的值,是否为我需要的类型详解
Oct 26 Javascript
JavaScript实现淘宝商品图切换效果
Apr 29 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 screw加密php源代码
2013/06/20 PHP
基于PHP常用文件函数和目录函数整理
2017/08/17 PHP
JavaScript 动态生成方法的例子
2009/07/22 Javascript
js中获取事件对象的方法小结
2011/03/13 Javascript
ExtJS4 动态生成的grid导出为excel示例
2014/05/02 Javascript
Extjs grid panel自带滚动条失效的解决方法
2014/09/11 Javascript
jQuery实现设置、移除文本框默认值功能
2015/01/13 Javascript
js获取字符串字节数方法小结
2015/06/09 Javascript
JQuery EasyUI Layout 在from布局自适应窗口大小的实现方法
2016/05/28 Javascript
Extjs 点击复选框在表格中增加相关信息行
2016/07/12 Javascript
详解vue之页面缓存问题(基于2.0)
2017/01/10 Javascript
vue实现表格数据的增删改查
2017/07/10 Javascript
JS动画定时器知识总结
2018/03/23 Javascript
Vue中在新窗口打开页面及Vue-router的使用
2018/06/13 Javascript
解决vue单页路由跳转后scrollTop的问题
2018/09/03 Javascript
用Fundebug插件记录网络请求异常的方法
2019/02/21 Javascript
javascript设计模式 ? 适配器模式原理与应用实例分析
2020/04/13 Javascript
vue 监听窗口变化对页面部分元素重新渲染操作
2020/07/28 Javascript
[00:49]完美世界DOTA2联赛10月28日开团时刻:随便打
2020/10/29 DOTA
Python实现控制台中的进度条功能代码
2017/12/22 Python
python基础教程项目四之新闻聚合
2018/04/02 Python
python实现简易内存监控
2018/06/21 Python
Python中反射和描述器总结
2018/09/23 Python
Python异常处理例题整理
2019/07/07 Python
python从list列表中选出一个数和其对应的坐标方法
2019/07/20 Python
PythonPC客户端自动化实现原理(pywinauto)
2020/05/28 Python
Python字符串三种格式化输出
2020/09/17 Python
python如何利用Mitmproxy抓包
2020/10/10 Python
Python Pandas数据分析工具用法实例
2020/11/05 Python
.NET里面什么时候需要调用垃圾回收
2015/06/01 面试题
婚庆司仪主持词
2014/03/15 职场文书
服务标兵事迹材料
2014/05/04 职场文书
诚实守信道德模范事迹材料
2014/08/15 职场文书
演讲比赛的活动方案
2014/08/28 职场文书
应届毕业生求职简历自我评价
2015/03/02 职场文书
Redis基本数据类型Zset有序集合常用操作
2022/06/01 Redis