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 相关文章推荐
popdiv
Jul 14 Javascript
jQuery each()方法的使用方法
Mar 18 Javascript
js下通过prototype扩展实现indexOf的代码
Dec 08 Javascript
jQuery中dequeue()方法用法实例
Dec 29 Javascript
JS实现的生成随机数的4个函数分享
Feb 11 Javascript
JQuery中属性过滤选择器用法实例分析
May 18 Javascript
JavaScript中的call方法和apply方法使用对比
Aug 12 Javascript
jQuery复制表单元素附源码分享效果演示
Sep 30 Javascript
JS键盘版计算器的制作方法
Dec 03 Javascript
layui前段框架日期控件使用方法详解
May 19 Javascript
vue组件中使用iframe元素的示例代码
Dec 13 Javascript
Vue响应式原理Observer、Dep、Watcher理解
Jun 06 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
基于MySQL到MongoDB简易对照表的详解
2013/06/03 PHP
在Linux系统的服务器上隐藏PHP版本号的方法
2015/06/06 PHP
PHP验证码类ValidateCode解析
2017/01/07 PHP
PHP基于GD库实现的生成图片缩略图函数示例
2017/07/05 PHP
使用js实现关闭js弹出层的窗口
2014/02/10 Javascript
js实现绿白相间竖向网页百叶窗动画切换效果
2015/03/02 Javascript
举例详解JavaScript中Promise的使用
2015/06/24 Javascript
jQuery实现仿QQ头像闪烁效果的文字闪动提示代码
2015/11/03 Javascript
AngularJS使用ng-app自动加载bootstrap框架问题分析
2017/01/04 Javascript
vue 自定义 select内置组件
2018/04/10 Javascript
js中的reduce()函数讲解
2019/01/18 Javascript
vue中利用Promise封装jsonp并调取数据
2019/06/18 Javascript
vue实现分页栏效果
2019/06/28 Javascript
微信小程序自定义tabBar在uni-app的适配详解
2019/09/30 Javascript
原生js实现放大镜组件
2021/01/22 Javascript
[36:02]DOTA2上海特级锦标赛D组小组赛#2 Liquid VS VP第一局
2016/02/28 DOTA
python使用pyhook监控键盘并实现切换歌曲的功能
2014/07/18 Python
python人人网登录应用实例
2014/09/26 Python
Python实现TCP协议下的端口映射功能的脚本程序示例
2016/06/14 Python
Python实现生成随机数据插入mysql数据库的方法
2017/12/25 Python
django重新生成数据库中的某张表方法
2019/08/28 Python
如何搭建pytorch环境的方法步骤
2020/05/06 Python
python字符串的index和find的区别详解
2020/06/20 Python
利于python脚本编写可视化nmap和masscan的方法
2020/12/29 Python
css3简单练习实现遨游浏览器logo的绘制
2013/01/30 HTML / CSS
GLAMGLOW香港官网:明星出镜前的秘密武器
2017/03/16 全球购物
经济实惠的豪华背包和行李袋:Packs Project
2018/10/17 全球购物
PatPat阿根廷:妈妈们的购物平台
2019/05/30 全球购物
乡镇干部先进事迹材料
2014/02/03 职场文书
认识深刻的检讨书
2014/02/16 职场文书
重大事项社会稳定风险评估方案
2014/06/15 职场文书
工会优秀工作者事迹
2014/08/17 职场文书
教师党员自我评议不足范文
2014/10/19 职场文书
贫困证明怎么写
2015/06/16 职场文书
Java中try catch处理异常示例
2021/12/06 Java/Android
MySQL外键约束(Foreign Key)案例详解
2022/06/28 MySQL