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 表单验证方法(实用)
Apr 28 Javascript
javascript 字符 Escape,encodeURI,encodeURIComponent
Jul 09 Javascript
SwfUpload在IE10上不出现上传按钮的解决方法
Jun 25 Javascript
javascript中call和apply方法浅谈
Sep 27 Javascript
jquery ajax 局部刷新小案例
Feb 08 Javascript
jquery+javascript编写国籍控件
Feb 12 Javascript
将页面table内容与样式另存成excel文件的方法
Aug 05 Javascript
JS实现获取剪贴板内容的方法
Jun 21 Javascript
jQuery表单插件ajaxForm实例详解
Jan 17 Javascript
JS 实现 ajax 异步浏览器兼容问题
Jan 21 Javascript
jQuery插件FusionCharts绘制的2D双面积图效果示例【附demo源码】
Apr 11 jQuery
使用vue构建一个上传图片表单
Jul 04 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基础知识:函数基础知识
2006/12/13 PHP
php session应用实例 登录验证
2009/03/16 PHP
php中try catch捕获异常实例详解
2014/11/21 PHP
Yii2 如何在modules中添加验证码的方法
2017/06/19 PHP
thinkphp5 加载静态资源路径与常量的方法
2017/12/24 PHP
PHP小程序支付功能完整版【基于thinkPHP】
2019/03/26 PHP
Yii2框架加载css和js文件的方法分析
2019/05/25 PHP
js类后台管理菜单类-MenuSwitch
2007/09/12 Javascript
语义化 H1 标签
2008/01/14 Javascript
jQuery 动画基础教程
2008/12/25 Javascript
jQuery 学习第五课 Ajax 使用说明
2010/05/17 Javascript
Javascript Ajax异步读取RSS文档具体实现
2013/12/12 Javascript
流量统计器如何鉴别C#:WebBrowser中伪造referer
2015/01/07 Javascript
JS全局变量和局部变量最新解析
2016/06/24 Javascript
常用的javascript设计模式
2017/01/11 Javascript
使用Bootstrap + Vue.js实现添加删除数据示例
2017/02/27 Javascript
AngularJS动态菜单操作指令
2017/04/25 Javascript
React组件重构之嵌套+继承及高阶组件详解
2018/07/19 Javascript
HTML+JS实现“代码雨”效果源码(黑客帝国文字下落效果)
2020/03/17 Javascript
JavaScript实现简单验证码
2020/08/24 Javascript
Js Snowflake(雪花算法)生成随机ID的实现方法
2020/08/26 Javascript
Python 实现某个功能每隔一段时间被执行一次的功能方法
2018/10/14 Python
解决webdriver.Chrome()报错:Message:'chromedriver' executable needs to be in Path
2019/06/12 Python
python实现最大优先队列
2019/08/29 Python
Python实现桌面翻译工具【新手必学】
2020/02/12 Python
关于Kotlin中SAM转换的那些事
2020/09/15 Python
python 基于opencv 绘制图像轮廓
2020/12/11 Python
使用Python判断一个文件是否被占用的方法教程
2020/12/16 Python
python实现简单的学生管理系统
2021/02/22 Python
任意一块网页内容实现“活”的背景(目前火狐浏览器专有)
2014/05/07 HTML / CSS
纽约著名的服装辅料来源:M&J Trimming
2017/07/26 全球购物
大学毕业生自荐书怎么写?
2014/01/06 职场文书
总经理助理职责
2014/02/04 职场文书
自我检讨书范文
2015/01/28 职场文书
运动会通讯稿300字
2015/07/20 职场文书
2016年百日安全生产活动总结
2016/04/06 职场文书