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 相关文章推荐
学习YUI.Ext第七日-View&JSONView Part Two-一个画室网站的案例
Mar 10 Javascript
使用javascript实现json数据以csv格式下载
Jan 09 Javascript
jquery实现用户打分评分特效
May 28 Javascript
把Node.js程序加入服务实现随机启动
Jun 25 Javascript
jQuery simpleModal插件的使用介绍
Aug 30 Javascript
JavaScript数组去重的几种方法效率测试
Oct 23 Javascript
微信小程序 获取微信OpenId详解及实例代码
Oct 31 Javascript
JS判断一个数是否是水仙花数
Jun 11 Javascript
Angularjs 1.3 中的$parse实例代码
Sep 14 Javascript
微信小程序商品详情页的底部弹出框效果
Nov 16 Javascript
微信小程序chooseImage的用法(从本地相册选择图片或使用相机拍照)
Aug 22 Javascript
详解CommonJS和ES6模块循环加载处理的区别
Dec 26 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
探讨:如何使用PhpDocumentor生成文档
2013/06/25 PHP
PHP函数preg_match_all正则表达式的基本使用详细解析
2013/08/31 PHP
php实现获取及设置用户访问页面语言类
2014/09/24 PHP
HTML中不支持静态Expando的元素的问题
2007/03/08 Javascript
(推荐一个超好的JS函数库)S.Sams Lifexperience ScriptClassLib
2007/04/29 Javascript
JS中confirm,alert,prompt函数区别分析
2011/01/17 Javascript
基于jquery打造的百分比动态色彩条插件
2012/09/19 Javascript
javascript setTimeout和setInterval计时的区别详解
2013/06/21 Javascript
jquery内置验证(validate)使用方法示例(表单验证)
2013/12/04 Javascript
将json对象转换为字符串的方法
2014/02/20 Javascript
在jquery中的ajax方法怎样通过JSONP进行远程调用
2014/04/04 Javascript
使用JavaScript获取电池状态的方法
2014/05/03 Javascript
js限制文本框的输入内容代码分享(3类)
2015/08/20 Javascript
JS实现网页上随滚动条滚动的层效果代码
2015/11/04 Javascript
jquery实现静态搜索功能(可输入搜索文字)
2017/03/28 jQuery
Vuejs实现带样式的单文件组件新方法
2017/05/02 Javascript
微信小程序实现image组件图片自适应宽度比例显示的方法
2018/01/16 Javascript
Vue.js 事件修饰符的使用教程
2018/11/01 Javascript
Vue中实现权限控制的方法示例
2019/06/07 Javascript
微信小程序在ios下Echarts图表不能滑动的问题解决
2019/07/10 Javascript
微信小程序实现左滑动删除效果
2020/03/30 Javascript
微信小程序返回箭头跳转到指定页面实例解析
2019/10/08 Javascript
node.js使用stream模块实现自定义流示例
2020/02/13 Javascript
原生javascript单例模式的应用实例分析
2020/02/23 Javascript
VUE+elementui组件在table-cell单元格中绘制微型echarts图
2020/04/20 Javascript
浅谈python之高阶函数和匿名函数
2019/03/21 Python
详解Pycharm与anaconda安装配置指南
2020/08/25 Python
CSS3制作苹果风格键盘特效
2015/02/26 HTML / CSS
浅析border-radius如何兼容IE
2016/04/19 HTML / CSS
罗德与泰勒百货官网:Lord & Taylor
2016/08/12 全球购物
马来西亚最大的电器网站:Senheng
2017/10/13 全球购物
大学生毕业自我评价范文分享
2013/11/07 职场文书
致800米运动员广播稿
2014/02/16 职场文书
《火烧云》教学反思
2014/04/12 职场文书
毕业设计说明书
2014/05/07 职场文书
养牛场项目建议书
2014/05/13 职场文书