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 倒计时效果实现秒杀思路
Sep 11 Javascript
JavaScript显示当然日期和时间即年月日星期和时间
Oct 29 Javascript
JS如何判断移动端访问设备并解析对应CSS
Nov 27 Javascript
总结jQuery插件开发中的一些要点
May 16 Javascript
json对象与数组以及转换成js对象的简单实现方法
Jun 24 Javascript
JavaScript中 ES6 generator数据类型详解
Aug 11 Javascript
微信小程序 window_x64环境搭建
Sep 30 Javascript
利用JS hash制作单页Web应用的方法详解
Oct 10 Javascript
vue 使用ref 让父组件调用子组件的方法
Feb 08 Javascript
学习使用ExpressJS 4.0中的新Router的用法
Nov 06 Javascript
在vue项目中promise解决回调地狱和并发请求的问题
Nov 09 Javascript
Flexible.js可伸缩布局实现方法详解
Nov 13 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
收听短波不可能有声音清晰的品质吗
2021/03/01 无线电
一篇不错的PHP基础学习笔记
2007/03/18 PHP
获取远程文件大小的php函数
2010/01/11 PHP
PHP操作MongoDB时的整数问题及对策说明
2011/05/02 PHP
成为好程序员必须避免的5个坏习惯
2014/07/04 PHP
php中有关合并某一字段键值相同的数组合并的改进
2015/03/10 PHP
PHP基于自定义类随机生成姓名的方法示例
2017/08/05 PHP
YII框架行为behaviors用法示例
2019/04/26 PHP
PHP使用phpunit进行单元测试示例
2019/09/23 PHP
JavaScript对象之间的转换 jQuery对象和原声DOM
2011/03/07 Javascript
jQuery实现二级下拉菜单效果
2016/01/05 Javascript
JavaScript中的this,call,apply使用及区别详解
2016/01/29 Javascript
JQuery的attr 与 val区别
2016/06/12 Javascript
JavaScript中ES6 Babel正确安装过程
2016/07/18 Javascript
Angularjs按需查询实例代码
2017/10/30 Javascript
微信小程序实现写入读取缓存详解
2019/08/30 Javascript
layui(1.0.9)文件上传upload,前后端的实例代码
2019/09/26 Javascript
python通过装饰器检查函数参数数据类型的方法
2015/03/13 Python
python遍历一个目录,输出所有的文件名的实例
2018/04/23 Python
Python实现获取邮箱内容并解析的方法示例
2018/06/16 Python
Pycharm中切换pytorch的环境和配置的教程详解
2020/03/13 Python
python爬虫泛滥的解决方法详解
2020/11/25 Python
世界上最大的冷却器制造商:Igloo Coolers
2019/07/23 全球购物
大学生英语演讲稿
2014/04/24 职场文书
小学亲子活动总结
2014/07/01 职场文书
授权委托书格式范文
2014/08/02 职场文书
个人四风对照检查材料
2014/09/26 职场文书
法定授权委托证明书
2014/09/27 职场文书
农业生产宣传标语
2014/10/08 职场文书
民事诉讼代理授权委托书范本
2014/10/08 职场文书
学习十八大宣传标语
2014/10/09 职场文书
公务员年度考核评语
2014/12/31 职场文书
小学中队活动总结
2015/05/11 职场文书
《比的意义》教学反思
2016/02/18 职场文书
进阶篇之linux环境下安装MySQL数据库
2022/04/09 MySQL
python实现手机推送 代码也就10行左右
2022/04/12 Python