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的10个怪癖和秘密分享
Aug 28 Javascript
从jQuery.camelCase()学习string.replace() 函数学习
Sep 13 Javascript
基于jquery的用鼠标画出可移动的div
Sep 06 Javascript
javascript中input中readonly和disabled区别介绍
Oct 23 Javascript
解决Jquery load()加载GB2312页面时出现乱码的两种方案
Sep 10 Javascript
JavaScript获取指定元素位置的方法
Apr 08 Javascript
巧用jQuery选择器提高写表单效率的方法
Aug 19 Javascript
Vue.js 和 MVVM 的注意事项
Nov 07 Javascript
React组件对子组件children进行加强的方法
Jun 23 Javascript
webpack4.0+vue2.0利用批处理生成前端单页或多页应用的方法
Jun 28 Javascript
微信小程序自定义头部导航栏(组件化)
Nov 15 Javascript
VueCli生产环境打包部署跨域失败的解决
Nov 13 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+APACHE实现用户论证的方法
2006/10/09 PHP
php下载远程文件类(支持断点续传)
2008/11/14 PHP
基于Windows下Apache PHP5.3.1安装教程
2010/01/08 PHP
php网页标题中文乱码的有效解决方法
2014/03/05 PHP
php+js iframe实现上传头像界面无跳转
2014/04/29 PHP
PHP常见加密函数用法示例【crypt与md5】
2019/01/27 PHP
jquery之empty()与remove()区别说明
2010/09/10 Javascript
jquery tab插件精简版分享
2011/09/10 Javascript
基于jQuery的input输入框下拉提示层(自动邮箱后缀名)
2012/06/14 Javascript
Extjs 继承Ext.data.Store不起作用原因分析及解决
2013/04/15 Javascript
详解jquery中$.ajax方法提交表单
2014/11/03 Javascript
浅谈被jQuery抛弃的函数及替代函数
2015/05/03 Javascript
javascript实现右侧弹出“分享到”窗口效果
2016/02/01 Javascript
AngularJs学习第八篇 过滤器filter创建
2016/06/08 Javascript
DOM中事件处理概览与原理的全面解析
2016/08/16 Javascript
微信小程序 教程之wxapp视图容器 scroll-view
2016/10/19 Javascript
使用AngularJS 跨站请求如何解决jsonp请求问题
2017/01/16 Javascript
vue实现的请求服务器端API接口示例
2019/05/25 Javascript
jQuery实现简易聊天框
2020/02/08 jQuery
JavaScript中数组去重的5种方法
2020/07/04 Javascript
python发送邮件功能实现代码
2016/07/15 Python
读写json中文ASCII乱码问题的解决方法
2016/11/05 Python
python使用super()出现错误解决办法
2017/08/14 Python
Python socket实现的简单通信功能示例
2018/08/21 Python
python DataFrame 取差集实例
2019/01/30 Python
Python使用统计函数绘制简单图形实例代码
2019/05/15 Python
python:目标检测模型预测准确度计算方式(基于IoU)
2020/01/18 Python
python使用自定义钉钉机器人的示例代码
2020/06/24 Python
html5需遵循的6个设计原则
2016/04/27 HTML / CSS
丝芙兰加拿大官方网站:SEPHORA加拿大
2018/11/20 全球购物
演讲稿开场白
2014/01/13 职场文书
如何写自我鉴定
2014/03/19 职场文书
委托书范本
2014/04/02 职场文书
圆明园观后感
2015/06/03 职场文书
古诗之爱国古诗5首
2019/09/20 职场文书
教你怎么用Python操作MySql数据库
2021/05/31 Python