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选择器的整理集合
Apr 26 Javascript
JS实现随机数生成算法示例代码
Aug 08 Javascript
js如何准确获取当前页面url网址信息
Sep 13 Javascript
jQuery动态添加与删除tr行实例代码
Oct 18 Javascript
基于JS设计12306登录页面
Dec 28 Javascript
jQuery实现注册会员时密码强度提示信息功能示例
Sep 05 jQuery
详解在WebStorm中添加Vue.js单文件组件的高亮及语法支持
Oct 21 Javascript
详解layui中的树形关于取值传值问题
Jan 16 Javascript
vue2.0实现音乐/视频播放进度条组件
Jun 06 Javascript
通过javascript实现段落的收缩与展开
Jun 26 Javascript
基于layui实现高级搜索(筛选)功能
Jul 26 Javascript
微信小程序返回箭头跳转到指定页面实例解析
Oct 08 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生成随机数或者字符串的代码
2008/09/05 PHP
浅析Dos下运行php.exe,出现没有找到php_mbstring.dll 错误的解决方法
2013/06/29 PHP
PHP小教程之实现链表
2014/06/09 PHP
PHP实现基于文本的摩斯电码生成器
2016/01/11 PHP
解决Laravel blade模板转义html标签的问题
2019/09/03 PHP
ExtJs之带图片的下拉列表框插件
2010/03/04 Javascript
基于JQuery的抓取博客园首页RSS的代码
2011/12/01 Javascript
一个背景云变换js特效 鼠标移动背景云变化
2012/12/28 Javascript
jquery实现pager控件示例
2014/04/09 Javascript
html5+javascript制作简易画板附图
2014/04/25 Javascript
JavaScript获取中英文混合字符串长度的方法示例
2017/02/04 Javascript
Angular 2父子组件数据传递之@ViewChild获取子组件详解
2017/07/04 Javascript
简单实现js上传文件功能
2017/08/21 Javascript
浅谈在vue中用webpack打包之后运行文件的问题以及相关配置方法
2018/02/21 Javascript
vue 路由嵌套高亮问题的解决方法
2018/05/17 Javascript
Vue插值、表达式、分隔符、指令知识小结
2018/10/12 Javascript
ES6 Set结构的应用实例分析
2019/06/26 Javascript
JavaScript this关键字指向常用情况解析
2020/09/02 Javascript
vue3.0中使用element的完整步骤
2021/03/04 Vue.js
[01:20]2018DOTA2亚洲邀请赛总决赛战队LGD晋级之路
2018/04/07 DOTA
详解python之配置日志的几种方式
2017/05/22 Python
连接pandas以及数组转pandas的方法
2019/06/28 Python
python+opencv3生成一个自定义纯色图教程
2020/02/19 Python
postman和python mock测试过程图解
2020/02/22 Python
使用opencv中匹配点对的坐标提取方式
2020/06/04 Python
推荐10个CSS3 制作的创意下拉菜单效果
2014/02/11 HTML / CSS
如何让IE9以下版本(ie6/7/8)认识html5元素
2013/04/01 HTML / CSS
优秀学生干部个人的自我评价
2013/10/04 职场文书
生产总经理岗位职责
2013/12/19 职场文书
销售找工作求职信
2013/12/20 职场文书
工业自动化毕业生自荐信范文
2014/01/04 职场文书
银行求职信怎么写
2014/05/26 职场文书
楚门的世界观后感
2015/06/03 职场文书
pandas中DataFrame检测重复值的实现
2021/05/26 Python
MySql子查询IN的执行和优化的实现
2021/08/02 MySQL
Python 中面向接口编程
2022/05/20 Python