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 组件之旅(一)分析和设计
Oct 28 Javascript
asp.net下利用js实现返回上一页的实现方法小集
Nov 24 Javascript
jQuery对表单元素的取值和赋值操作代码
May 19 Javascript
利用D3.js实现最简单的柱状图示例代码
Dec 09 Javascript
Angular 4依赖注入学习教程之InjectToken的使用(八)
Jun 04 Javascript
vue使用vue-i18n实现国际化的实现代码
Apr 08 Javascript
微信小程序实现倒计时补零功能
Jul 09 Javascript
Vue.js更改调试地址端口号的实例
Sep 19 Javascript
基于JavaScript实现一个简单的Vue
Sep 26 Javascript
Vue拖拽组件列表实现动态页面配置功能
Jun 17 Javascript
JavaScript TAB栏切换效果的示例
Nov 05 Javascript
elementui实现预览图片组件二次封装
Dec 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
openflashchart 2.0 简单案例php版
2012/05/21 PHP
php eval函数用法 PHP中eval()函数小技巧
2012/10/31 PHP
浅析PHP编程中10个最常见的错误
2014/08/08 PHP
基于PHP给大家讲解防刷票的一些技巧
2015/11/18 PHP
yii用户注册表单验证实例
2015/12/26 PHP
PHP实现bitmap位图排序与求交集的方法
2016/07/28 PHP
PHP面向对象程序设计高级特性详解(接口,继承,抽象类,析构,克隆等)
2016/12/02 PHP
PHP实现的策略模式简单示例
2017/08/25 PHP
海量经典的jQuery插件集合
2010/01/12 Javascript
jQuery jqgrid 对含特殊字符json 数据的 Java 处理方法
2011/01/01 Javascript
JS实现固定在右下角可展开收缩DIV层的方法
2015/02/13 Javascript
JavaScript实现自动切换图片代码
2016/10/11 Javascript
jQuery 循环遍历改变a标签的href(实例讲解)
2017/07/12 jQuery
360提示[高危]使用存在漏洞的JQuery版本的解决方法
2017/10/27 jQuery
使用Vue开发动态刷新Echarts组件的教程详解
2018/03/22 Javascript
JavaScript的查询机制LHS和RHS解析
2019/08/16 Javascript
JavaScript Window浏览器对象模型原理解析
2020/05/30 Javascript
为Python的web框架编写前端模版的教程
2015/04/30 Python
Python绘制七段数码管实例代码
2017/12/20 Python
Django框架的使用教程路由请求响应的方法
2018/07/03 Python
使用Python画股票的K线图的方法步骤
2019/06/28 Python
把django中admin后台界面的英文修改为中文显示的方法
2019/07/26 Python
python conda操作方法
2019/09/11 Python
python序列化与数据持久化实例详解
2019/12/20 Python
在python中利用dict转json按输入顺序输出内容方式
2020/02/27 Python
Python爬虫之Selenium设置元素等待的方法
2020/12/04 Python
HTML5标签大全
2016/11/23 HTML / CSS
德国帽子专家:Hutshopping
2019/11/03 全球购物
《乞巧》教学反思
2014/02/27 职场文书
研究生简历自我评价范文
2014/09/13 职场文书
督导岗位职责
2015/02/04 职场文书
幼儿园教师节活动总结
2015/03/23 职场文书
2015年生产部工作总结范文
2015/05/25 职场文书
音乐剧猫观后感
2015/06/04 职场文书
如何在CocosCreator里画个炫酷的雷达图
2021/04/16 Javascript
深入浅析Redis 集群伸缩原理
2021/05/15 Redis