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 相关文章推荐
js操作二级联动实现代码
Jul 27 Javascript
Jquery动态更改一张位图的src与Attr的使用
Jul 31 Javascript
键盘KeyCode值列表汇总
Nov 26 Javascript
js toFixed()方法的重写实现精度的统一
Mar 06 Javascript
非常酷炫的Bootstrap图片轮播动画
May 27 Javascript
JS实现重新加载当前页面或者父页面的几种方法
Nov 30 Javascript
微信小程序  checkbox组件详解及简单实例
Jan 10 Javascript
Vue学习笔记进阶篇之过渡状态详解
Jul 14 Javascript
React Native 集成jpush-react-native的示例代码
Aug 16 Javascript
小程序异步问题之多个网络请求依次执行并依次收集请求结果
May 05 Javascript
JavaScript封闭函数及常用内置对象示例
May 13 Javascript
js中!和!!的区别与用法
May 09 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
基于asp+ajax和数据库驱动的二级联动菜单
2010/05/06 PHP
Yii数据读取与跳转参数传递用法实例分析
2016/07/12 PHP
Laravel使用scout集成elasticsearch做全文搜索的实现方法
2018/11/30 PHP
JS实现程序暂停与继续功能代码解读
2013/10/10 Javascript
用js替换除数字与逗号以外的所有字符的代码
2014/06/07 Javascript
使用delegate方法为一个tr标签加一个链接
2014/06/27 Javascript
jQuery判断一个元素是否可见的方法
2015/06/05 Javascript
JS实现网页标题随机显示名人名言的方法
2015/11/03 Javascript
基于jQuery Easyui实现登陆框界面
2017/07/10 jQuery
Vue2.0设置全局样式(less/sass和css)
2017/11/18 Javascript
vue脚手架及vue-router基本使用
2018/04/09 Javascript
JS拖动选择table里的单元格完整实例【基于jQuery】
2019/05/28 jQuery
Vue.js中的高级面试题及答案
2020/01/13 Javascript
6种JavaScript继承方式及优缺点(小结)
2020/02/06 Javascript
[03:56]还原FTP电影首映式 DOTA2群星拼出遗迹世界
2014/03/26 DOTA
用python的requests第三方模块抓取王者荣耀所有英雄的皮肤实例
2017/12/14 Python
Python字典操作详细介绍及字典内建方法分享
2018/01/04 Python
Pycharm设置去除显示的波浪线方法
2018/10/28 Python
python图的深度优先和广度优先算法实例分析
2019/10/26 Python
浅析Python数字类型和字符串类型的内置方法
2019/12/22 Python
python3爬虫中异步协程的用法
2020/07/10 Python
windows+vscode安装paddleOCR运行环境的步骤
2020/11/11 Python
彪马荷兰官网:PUMA荷兰
2019/05/08 全球购物
英语自荐信范文
2013/12/11 职场文书
大学生村官任职感言
2014/01/09 职场文书
自我鉴定怎么写
2014/01/12 职场文书
2014的自我评价
2014/01/13 职场文书
行政工作个人的自我评价
2014/02/13 职场文书
国际贸易毕业生自荐书
2014/06/22 职场文书
校园环保广播稿(3篇)
2014/09/15 职场文书
病人慰问信范文
2015/02/15 职场文书
物业工程部经理岗位职责
2015/04/09 职场文书
拖欠货款起诉状
2015/05/20 职场文书
2015年高三年级组工作总结
2015/07/21 职场文书
《卖火柴的小女孩》教学反思
2016/02/19 职场文书
React 并发功能体验(前端的并发模式)
2021/07/01 Javascript