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 相关文章推荐
“不能执行已释放的Script代码”错误的原因及解决办法
Sep 09 Javascript
让任务管理器中的CPU跳舞的js代码
Nov 01 Javascript
javascript URL锚点取值方法
Feb 25 Javascript
js 页面执行时间计算代码
Mar 04 Javascript
jquery属性过滤选择器使用示例
Jun 18 Javascript
三种动态加载js的jquery实例代码另附去除js方法
Apr 30 Javascript
Jquery选择器中使用变量实现动态选择例子
Jul 25 Javascript
JavaScript中的console.profile()函数详细介绍
Dec 29 Javascript
JavaScript用select实现日期控件
Jul 17 Javascript
js封装成插件的步骤方法
Sep 11 Javascript
springmvc接收jquery提交的数组数据代码分享
Oct 28 jQuery
Vue中使用的EventBus有生命周期
Jul 12 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 adodb连接带密码access数据库实例,测试成功
2008/05/14 PHP
PHP程序员最常犯的11个MySQL错误小结
2010/11/20 PHP
php实现redis数据库指定库号迁移的方法
2015/01/14 PHP
Laravel4中的Validator验证扩展用法详解
2016/07/26 PHP
one.php 多项目、函数库、类库 统一为一个版本的方法
2020/08/24 PHP
document.getElementById为空或不是对象的解决方法
2010/01/24 Javascript
客户端 使用XML DOM加载json数据的方法
2010/09/28 Javascript
15条JavaScript最佳实践小结
2013/08/09 Javascript
tangram框架响应式加载图片方法
2013/11/21 Javascript
jquery插件推荐浏览器嗅探userAgent
2014/11/09 Javascript
jQuery中nextAll()方法用法实例
2015/01/07 Javascript
JS 对象属性相关(检查属性、枚举属性等)
2015/04/05 Javascript
jquery实现简单的全选和反选功能
2016/01/02 Javascript
vue 如何添加全局函数或全局变量以及单页面的title设置总结
2017/06/01 Javascript
jQuery选择器之子元素选择器详解
2017/09/18 jQuery
Angular ng-animate和ng-cookies用法详解
2018/04/18 Javascript
Vue.js 利用v-for中的index值实现隔行变色
2018/08/01 Javascript
微信小程序实现的自定义分享功能示例
2019/02/12 Javascript
Python模拟登录12306的方法
2014/12/30 Python
python通过pil为png图片填充上背景颜色的方法
2015/03/17 Python
python如何通过protobuf实现rpc
2016/03/06 Python
python生成二维码的实例详解
2017/10/29 Python
python爬取cnvd漏洞库信息的实例
2019/02/14 Python
在django模板中实现超链接配置
2019/08/21 Python
使用pycharm和pylint检查python代码规范操作
2020/06/09 Python
python中取绝对值简单方法总结
2020/07/24 Python
突袭HTML5之Javascript API扩展2—地理信息服务及地理位置API学习
2013/01/31 HTML / CSS
GoPro摄像机美国官网:美国运动相机厂商
2018/07/03 全球购物
高中毕业生的个人自我评价
2014/02/21 职场文书
环境工程专业自荐信
2014/03/03 职场文书
财务总监岗位职责
2014/03/07 职场文书
小学五年级学生评语
2014/04/22 职场文书
毕业生登记表班级意见
2015/06/05 职场文书
SQL Server 数据库实验课第五周——常用查询条件
2021/04/05 SQL Server
MySQL 表锁定 LOCK和UNLOCK TABLES的 SQL语法
2022/04/18 MySQL
Windows Server 2012 R2服务器安装与配置的完整步骤
2022/07/15 Servers