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 相关文章推荐
支持ie与FireFox的剪切板操作代码
Sep 28 Javascript
用js实现计算加载页面所用的时间
Apr 02 Javascript
基于jQuery的Tab选项框效果代码(插件)
Mar 01 Javascript
JavaScript中为元素加上name属性的方法
May 09 Javascript
jquery showModelDialog的使用方法示例详解
Nov 19 Javascript
JavaScript动态改变HTML页面元素例如添加或删除
Aug 10 Javascript
jQuery选择器源码解读(八):addCombinator函数
Mar 31 Javascript
JS+DIV实现鼠标划过切换层效果的方法
May 25 Javascript
干货分享:让你分分钟学会javascript闭包
Dec 25 Javascript
jQuery xml字符串的解析、读取及查找方法
Mar 01 Javascript
vue动态注册组件实例代码详解
May 30 Javascript
vue+element搭建后台小总结 el-dropdown下拉功能
Apr 10 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 分库分表hash算法
2009/11/12 PHP
变量在 PHP7 内部的实现(一)
2015/12/21 PHP
CodeIgniter控制器之业务逻辑实例分析
2016/01/20 PHP
jquery radio 操作代码
2011/03/16 Javascript
Three.js源码阅读笔记(基础的核心Core对象)
2012/12/27 Javascript
jquery获取复选框被选中的值
2014/04/10 Javascript
一个JavaScript操作元素定位元素的实例
2014/10/29 Javascript
node.js中的console.dir方法使用说明
2014/12/10 Javascript
jQuery使用toggleClass方法动态添加删除Class样式的方法
2015/03/26 Javascript
使用requestAnimationFrame实现js动画性能好
2015/08/06 Javascript
基于jquery实现放大镜效果
2015/08/17 Javascript
JS正则截取两个字符串之间及字符串前后内容的方法
2017/01/06 Javascript
详解用node搭建简单的静态资源管理器
2017/08/09 Javascript
常用的9个JavaScript图表库详解
2017/12/19 Javascript
详解webpack babel的配置
2018/01/09 Javascript
babel之配置文件.babelrc入门详解
2018/02/22 Javascript
Vue js 的生命周期(看了就懂)(推荐)
2019/03/29 Javascript
mpvue实现左侧导航与右侧内容的联动
2019/10/21 Javascript
vue之延时刷新实例
2019/11/14 Javascript
vue实现图片裁剪后上传
2020/12/16 Vue.js
[47:03]完美世界DOTA2联赛PWL S3 Galaxy Racer vs Phoenix 第二场 12.10
2020/12/13 DOTA
Python中的闭包实例详解
2014/08/29 Python
仅用500行Python代码实现一个英文解析器的教程
2015/04/02 Python
使用Python的Flask框架来搭建第一个Web应用程序
2016/06/04 Python
Python使用内置json模块解析json格式数据的方法
2017/07/20 Python
Python2实现的图片文本识别功能详解
2018/07/11 Python
python django 原生sql 获取数据的例子
2019/08/14 Python
Python+OpenCV图像处理—— 色彩空间转换
2020/10/22 Python
python中uuid模块实例浅析
2020/12/29 Python
戴森台湾线上商城:Dyson Taiwan
2018/05/21 全球购物
工厂会计员职责
2014/02/06 职场文书
教育专业毕业生推荐信
2014/07/10 职场文书
建设幸福中国演讲稿
2014/09/11 职场文书
三方股东合作协议书范本
2014/09/28 职场文书
项目备案申请报告
2015/05/15 职场文书
基于python实现银行管理系统
2021/04/20 Python