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下的26个实用小技巧(jQuery tips, tricks & solutions)
Mar 01 Javascript
javascript 精粹笔记
May 09 Javascript
jQuery中filter()和find()的区别深入了解
Sep 25 Javascript
多种方法实现load加载完成后把图片一次性显示出来
Feb 19 Javascript
js实现固定显示区域内自动缩放图片的方法
Jul 18 Javascript
浅析AngularJs HTTP响应拦截器
Dec 28 Javascript
利用Mongoose让JSON数据直接插入或更新到MongoDB
May 03 Javascript
Angular 2.0+ 的数据绑定的实现示例
Aug 09 Javascript
vue2.0 实现导航守卫的具体用法(路由守卫)
May 17 Javascript
Vue中插入HTML代码的方法
Sep 21 Javascript
vue新建项目并配置标准路由过程解析
Dec 09 Javascript
js实现上下左右键盘控制div移动
Jan 16 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实现短域名互转
2013/07/05 PHP
2014年最新推荐的10款 PHP 开发框架
2014/08/01 PHP
php生成随机颜色方法汇总
2014/12/03 PHP
给大家分享几个常用的PHP函数
2017/01/15 PHP
JS加ASP二级域名转向的代码
2007/05/17 Javascript
关于javascript 回调函数中变量作用域的讨论
2009/09/11 Javascript
JQuery上传插件Uploadify使用详解及错误处理
2010/04/27 Javascript
cookie中的path与domain属性详解
2013/12/18 Javascript
JavaScript判断变量是对象还是数组的方法
2014/08/28 Javascript
JavaScript Math.floor方法(对数值向下取整)
2015/01/09 Javascript
详解javascript函数的参数
2015/11/10 Javascript
跟我学习javascript的undefined与null
2015/11/17 Javascript
JS实现添加,替换,删除节点元素的方法
2016/06/30 Javascript
使用微信内嵌H5网页解决JS倒计时失效问题
2017/01/13 Javascript
JS数组操作之增删改查的简单实现
2017/08/21 Javascript
cropper js基于vue的图片裁剪上传功能的实现代码
2018/03/01 Javascript
Vue实现微信支付功能遇到的坑
2019/06/05 Javascript
jQuery - AJAX load() 实例用法详解
2019/08/27 jQuery
python 算法 排序实现快速排序
2012/06/05 Python
Python进行数据科学工作的简单入门教程
2015/04/01 Python
浅谈Python的文件类型
2016/05/30 Python
Python实现统计给定列表中指定数字出现次数的方法
2018/04/11 Python
Python补齐字符串长度的实例
2018/11/15 Python
树莓派实现移动拍照
2019/06/22 Python
深入了解python中元类的相关知识
2019/08/29 Python
Python中操作各种多媒体,视频、音频到图片的代码详解
2020/06/04 Python
Python3实现建造者模式的示例代码
2020/06/28 Python
详解pandas中利用DataFrame对象的.loc[]、.iloc[]方法抽取数据
2020/12/13 Python
馥绿德雅美国官方网站:Rene Furterer头皮护理专家
2019/05/01 全球购物
彪马荷兰官网:PUMA荷兰
2019/05/08 全球购物
师范生实习的个人自我鉴定
2013/10/20 职场文书
玩具公司的创业计划书
2013/12/31 职场文书
村委会主任先进事迹
2014/01/15 职场文书
房屋租赁意向书
2014/04/01 职场文书
党支部组织生活会整改方案
2014/09/30 职场文书
Redis分布式锁Redlock的实现
2021/08/07 Redis