js获取浏览器的各种属性


Posted in Javascript onApril 27, 2017

网页可见区域宽: 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;

scrollHeight: 获取对象的滚动高度。 

scrollLeft:设置或获取位于对象左边界和窗口中目前可见内容的最左端之间的距离

scrollTop:设置或获取位于对象最顶端和窗口中可见内容的最顶端之间的距离

scrollWidth:获取对象的滚动宽度

offsetHeight:获取对象相对于版面或由父坐标 offsetParent 属性指定的父坐标的高度

offsetLeft:获取对象相对于版面或由 offsetParent 属性指定的父坐标的计算左侧位置

offsetTop:获取对象相对于版面或由 offsetTop 属性指定的父坐标的计算顶端位置 

event.clientX 相对文档的水平座标

event.clientY 相对文档的垂直座标

event.offsetX 相对容器的水平坐标

event.offsetY 相对容器的垂直坐标 

document.documentElement.scrollTop 垂直方向滚动的值

event.clientX+document.documentElement.scrollTop 相对文档的水平座标+垂直方向滚动的量

要获取当前页面的滚动条纵坐标位置,用:

document.documentElement.scrollTop;

而不是:

document.body.scrollTop;

documentElement 对应的是 html 标签,而 body 对应的是 body 标签

以上就是本文的全部内容,希望本文的内容对大家的学习或者工作能带来一定的帮助,同时也希望多多支持三水点靠木!

Javascript 相关文章推荐
Javascript倒计时代码
Aug 12 Javascript
五段实用的js高级技巧
Dec 20 Javascript
复制网页内容,粘贴之后自动加上网址的实现方法(脚本之家特别整理)
Oct 16 Javascript
详解JavaScript中shift()方法的使用
Jun 09 Javascript
jQuery添加删除DOM元素方法详解
Jan 18 Javascript
jQuery基于muipicker实现仿ios时间选择
Feb 22 Javascript
JavaScript中的splice方法用法详解
Jul 20 Javascript
js select下拉联动 更具级联性!
Apr 17 Javascript
vue实现简单实时汇率计算功能
Jan 15 Javascript
node.js的事件机制
Feb 08 Javascript
webpack独立打包和缓存处理详解
Apr 03 Javascript
vue addRoutes路由动态加载操作
Aug 04 Javascript
jQuery鼠标悬停内容动画切换效果
Apr 27 #jQuery
详解axios在node.js中的post使用
Apr 27 #Javascript
使用jQuery,Angular实现登录界面验证码详解
Apr 27 #jQuery
js绑定事件和解绑事件
Apr 27 #Javascript
详解ECMAScript6入门--Class对象
Apr 27 #Javascript
利用Vue v-model实现一个自定义的表单组件
Apr 27 #Javascript
详解Vue 普通对象数据更新与 file 对象数据更新
Apr 26 #Javascript
You might like
PHP与已存在的Java应用程序集成
2006/10/09 PHP
判断是否为指定长度内字符串的php函数
2010/02/16 PHP
php新建文件自动编号的思路与实现
2011/06/27 PHP
Laravel模板引擎Blade中section的一些标签的区别介绍
2015/02/10 PHP
详解PHP中websocket的使用方法
2016/09/15 PHP
使用phpQuery获取数组的实例
2017/03/13 PHP
laravel5.5安装jwt-auth 生成token令牌的示例
2019/10/24 PHP
通过JAVASCRIPT读取ASP设定的COOKIE
2007/02/15 Javascript
js计算页面刷新的次数
2009/07/20 Javascript
jQuery Ajax之$.get()方法和$.post()方法
2009/10/12 Javascript
firefox和IE系列的相关区别整理 以备后用
2009/12/28 Javascript
jquery的键盘事件修改代码
2011/02/24 Javascript
js类定义函数时用prototype与不用的区别示例介绍
2014/06/10 Javascript
jQuery实现div随意拖动的实例代码(通用代码)
2016/01/28 Javascript
易被忽视的js事件问题总结
2016/05/14 Javascript
解析jQueryEasyUI的使用
2016/11/22 Javascript
使用jQuery实现简单的tab框实例
2017/08/22 jQuery
Vue实现搜索 和新闻列表功能简单范例
2018/03/16 Javascript
vue数据传递--我有特殊的实现技巧
2018/03/20 Javascript
JavaScript设计模式之原型模式分析【ES5与ES6】
2018/07/26 Javascript
django模型中的字段和model名显示为中文小技巧分享
2014/11/18 Python
跟老齐学Python之使用Python操作数据库(1)
2014/11/25 Python
Python实现的ftp服务器功能详解【附源码下载】
2019/06/26 Python
Django上使用数据可视化利器Bokeh解析
2019/07/31 Python
python递归下载文件夹下所有文件
2019/08/31 Python
解决pyshp UnicodeDecodeError的问题
2019/12/06 Python
Python浮点型(float)运算结果不正确的解决方案
2020/09/22 Python
html5 的a标签 Href 拨电话的写法
2013/11/04 HTML / CSS
TheFork葡萄牙:欧洲领先的在线餐厅预订平台
2019/05/27 全球购物
大学教师年终总结的自我评价
2013/10/29 职场文书
环保倡议书范文
2014/05/12 职场文书
群众路线对照检查材料
2014/09/22 职场文书
小学2016年“我们的节日·重阳节”活动总结
2016/04/01 职场文书
导游词之张家界
2019/10/31 职场文书
Python深度学习之实现卷积神经网络
2021/06/05 Python
一次MySQL启动导致的事故实战记录
2021/09/15 MySQL