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插件绘制柱状图
Dec 18 Javascript
详解JavaScript ES6中的Generator
Jul 28 Javascript
angularjs表格ng-table使用备忘录
Mar 09 Javascript
JS功能代码集锦
May 04 Javascript
Angular ng-repeat 对象和数组遍历实例
Sep 14 Javascript
jQuery中table数据的值拷贝和拆分
Mar 19 Javascript
值得分享和收藏的xmlplus组件学习教程
May 05 Javascript
解决Extjs下拉框不显示的问题
Jun 21 Javascript
基于vue-cli 打包时抽离项目相关配置文件详解
Mar 07 Javascript
解决React在安装antd之后出现的Can't resolve './locale'问题(推荐)
May 03 Javascript
通过实例解析chrome如何在mac环境中安装vue-devtools插件
Jul 10 Javascript
Jquery+javascript实现支付网页数字键盘
Dec 21 jQuery
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面向对象全攻略 (十四) php5接口技术
2009/09/30 PHP
php读取csv数据保存到数组的方法
2015/01/03 PHP
php中this关键字用法分析
2016/12/07 PHP
php 数据结构之链表队列
2017/10/17 PHP
PHP中的empty、isset、isnull的区别与使用实例
2019/03/22 PHP
PHP7.0连接DB操作实例分析【基于mysqli】
2019/09/26 PHP
js 获取浏览器高度和宽度值(多浏览器)
2009/09/02 Javascript
离开页面时检测表单元素是否被修改,提示保存的js代码
2010/08/25 Javascript
javascript中this做事件参数相关问题解答
2013/03/17 Javascript
100个不能错过的实用JS自定义函数
2014/03/05 Javascript
举例讲解AngularJS中的模块
2015/06/17 Javascript
javascript学习总结之js使用技巧
2015/09/02 Javascript
javascript类型系统——日期Date对象全面了解
2016/07/13 Javascript
浅谈JS继承_寄生式继承 & 寄生组合式继承
2016/08/16 Javascript
jQuery Validate让普通按钮触发表单验证的方法
2016/12/15 Javascript
jQuery实现大图轮播
2017/02/13 Javascript
基于Vue实现支持按周切换的日历
2020/09/24 Javascript
浅谈Express异步进化史
2017/09/09 Javascript
使用Angular 6创建各种动画效果的方法
2018/10/10 Javascript
Vue表单输入绑定的示例代码
2018/11/01 Javascript
js中Generator函数的深入讲解
2019/04/07 Javascript
vue登录注册实例详解
2019/09/14 Javascript
解决layui轮播图有数据不显示的情况
2019/09/16 Javascript
angular inputNumber指令输入框只能输入数字的实现
2019/12/03 Javascript
django1.8使用表单上传文件的实现方法
2016/11/04 Python
Python的地形三维可视化Matplotlib和gdal使用实例
2017/12/09 Python
python绘制简单彩虹图
2018/11/19 Python
Django之choices选项和富文本编辑器的使用详解
2020/04/01 Python
python可迭代对象去重实例
2020/05/15 Python
美国背景检查、公共记录和人物搜索网站:BeenVerified
2018/02/25 全球购物
安踏官方商城:anta.cn
2019/12/16 全球购物
班组长安全生产职责
2013/12/16 职场文书
财务会计自荐信范文
2014/02/21 职场文书
优秀毕业生推荐信范文
2014/03/07 职场文书
装饰工程师岗位职责
2014/06/08 职场文书
英语导游欢迎词
2015/09/30 职场文书