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 相关文章推荐
深入剖析javascript中的exec与match方法
May 18 Javascript
JS实现关闭当前页而不弹出提示框的方法
Jun 22 Javascript
jQuery EasyUI Accordion可伸缩面板组件使用详解
Feb 28 Javascript
移动端Ionic App 资讯上下循环滚动的实现代码(跑马灯效果)
Aug 29 Javascript
原生JavaScript实现的简单放大镜效果示例
Feb 07 Javascript
webpack组织模块打包Library的原理及实现
Mar 10 Javascript
小程序登录态管理的方法示例
Nov 13 Javascript
微信小程序时间控件picker view使用详解
Dec 28 Javascript
vue登录注册实例详解
Sep 14 Javascript
Bootstrap实现模态框效果
Sep 30 Javascript
JavaScript数组去重实现方法小结
Jan 17 Javascript
Vue鼠标滚轮滚动切换路由效果的实现方法
Aug 04 Vue.js
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 模拟$_PUT实现代码
2010/03/15 PHP
PHP 正则表达式之正则处理函数小结(preg_match,preg_match_all,preg_replace,preg_split)
2012/10/05 PHP
ThinkPHP中的系统常量和预定义常量集合
2014/07/01 PHP
PHP中使用asort进行中文排序失效的问题处理
2014/08/18 PHP
php结合ajax实现手机发红包的案例
2016/10/13 PHP
PHP实现通过CURL上传文件功能示例
2018/05/30 PHP
node.js入门实例helloworld详解
2015/12/23 Javascript
基于javascript实现右下角浮动广告效果
2016/01/08 Javascript
jQuery Ajax 实现在html页面实时显示用户登录状态
2016/12/30 Javascript
angular forEach方法遍历源码解读
2017/01/25 Javascript
angularjs封装$http为factory的方法
2017/05/18 Javascript
shiro授权的实现原理
2017/09/21 Javascript
利用js编写网页进度条效果
2017/10/08 Javascript
使用微信小程序开发弹出框应用实例详解
2018/10/18 Javascript
vue-cli3配置与跨域处理方法
2019/08/17 Javascript
小程序中使用css var变量(使js可以动态设置css样式属性)
2020/03/31 Javascript
在vue中实现某一些路由页面隐藏导航栏的功能操作
2020/09/21 Javascript
Python中read()、readline()和readlines()三者间的区别和用法
2017/07/30 Python
python验证码识别教程之灰度处理、二值化、降噪与tesserocr识别
2018/06/04 Python
Python全局锁中如何合理运用多线程(多进程)
2019/11/06 Python
python的time模块和datetime模块实例解析
2019/11/29 Python
Python 去除字符串中指定字符串
2020/03/05 Python
win10从零安装配置pytorch全过程图文详解
2020/05/08 Python
Win10下用Anaconda安装TensorFlow(图文教程)
2020/06/18 Python
详解H5本地储存Web Storage
2017/07/03 HTML / CSS
使用html2canvas将页面转成图并使用用canvas2image下载
2019/04/04 HTML / CSS
留学自荐信
2013/10/10 职场文书
高中的职业生涯规划书
2013/12/28 职场文书
交警正风肃纪剖析材料
2014/10/29 职场文书
学习走群众路线心得体会
2014/11/05 职场文书
贫困证明怎么写
2015/06/16 职场文书
2019运动会广播加油稿汇总
2019/08/21 职场文书
PHP解决高并发问题
2021/04/01 PHP
Nginx进程管理和重载原理详解
2021/04/22 Servers
Windows安装Anaconda3的方法及使用过程详解
2021/06/11 Python
5种方法告诉你如何使JavaScript 代码库更干净
2021/09/15 Javascript