Js_获取浏览器等高宽
IE中:
document.body.clientWidth ==> BODY对象宽度
document.body.clientHeight ==> BODY对象高度
document.documentElement.clientWidth ==> 可见区域宽度
document.documentElement.clientHeight ==> 可见区域高度
FireFox中:
document.body.clientWidth ==> BODY对象宽度
document.body.clientHeight ==> BODY对象高度
document.documentElement.clientWidth ==> 可见区域宽度
document.documentElement.clientHeight ==> 可见区域高度
Opera中:
document.body.clientWidth ==> 可见区域宽度
document.body.clientHeight ==> 可见区域高度
document.documentElement.clientWidth ==> 页面对象宽度(即BODY对象宽度加上Margin宽)
document.documentElement.clientHeight ==> 页面对象高度(即BODY对象高度加上Margin高)
没有定义W3C的标准,则
IE为:
document.documentElement.clientWidth ==> 0
document.documentElement.clientHeight ==> 0
FireFox为:
document.documentElement.clientWidth ==> 页面对象宽度(即BODY对象宽度加上Margin宽)
document.documentElement.clientHeight ==> 页面对象高度(即BODY对象高度加上Margin高)
Opera为:
document.documentElement.clientWidth ==> 页面对象宽度(即BODY对象宽度加上Margin宽)
document.documentElement.clientHeight ==> 页面对象高度(即BODY对象高度加上Margin高)
网页可见区域宽: 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
HTML精确定位:scrollLeft,scrollWidth,clientWidth,offsetWidth
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 相对文档的水平座标+垂直方向滚动的量
最新文章
- linux下文件搜索命令学习笔记
- Maven-pom.xml详解
- (转)SQLServer实例讲解
- Ruby on Rail学习笔记
- 【BZOJ】【1324】王者之剑
- 递归函数recursion
- 线性判别分析(Linear Discriminant Analysis,LDA)
- dataStructure@ Binary Search Tree
- Ubuntu下使用ap-hotspot出现“Another process is already running";问题的解决方案
- Linux Shell编程(18)—— 循环控制
- Android自定义控件(一)——开关控件
- 学习Android之SharedPreferences使用
- [Android] Android 最全 Intent 传递数据姿势
- GMA Round 1 YGGDRASIL
- Asp.Net MVC页面显示后台处理进度问题
- MySQL存储写入速度慢分析
- 3dmax快捷键
- 关于<;asp:checkBoxList>;控件的对齐方法
- google浏览器window.onbeforeunload方法兼容问题
- 【刷题】BZOJ 2095 [Poi2010]Bridges
热门文章
- MySQL的binlog2sql闪回
- ReportViewer 安装
- Qt: QAction在QToolBar中快捷键行为注意事项
- It was not possible to find any compatible framework version
- kubeadm快速部署Kubernetes单节点
- 常用js对象、数组、字符串的方法
- October 22nd, 2017 Week 43rd Sunday
- [Python] 制作启动uiautomator2 的web版 uiautomatorviewer2 批处理启动
- linux 删除指定日期之前的文件
- 关于Java集合类库中的几种常用队列