js,jq获取浏览器宽度,高度等值(多浏览器)
2015-06-26 21:27
453 查看
js,jq获取浏览器宽度,高度等值
1.使用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 相对文档的水平座标 + 垂直方向滚动的量
2.使用jquery方法
$(window).width()浏览器宽度
$(window).height()浏览器高度
$(document).scrollTop()浏览器垂直方向滚动值
$(document).scrollLeft()浏览器水平方向滚动距离
1.使用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 相对文档的水平座标 + 垂直方向滚动的量
2.使用jquery方法
$(window).width()浏览器宽度
$(window).height()浏览器高度
$(document).scrollTop()浏览器垂直方向滚动值
$(document).scrollLeft()浏览器水平方向滚动距离
相关文章推荐
- Extjs4.0 最新最全视频教程
- Javascript中toFixed方法的改进
- 5个常见可用性错误和解决方案
- 异步流程控制:7 行代码学会 co 模块
- [译] React 入门
- js可突破windows弹退效果代码
- JSP脚本漏洞面面观
- 使用BAT一句话命令实现快速合并JS、CSS
- js显示当前星期的起止日期的脚本
- 爆炸式的JS圆形浮动菜单特效代码
- js select常用操作控制代码
- 从jsp发送动态图像
- 原生js结合html5制作小飞龙的简易跳球
- js 页面模块自由拖动实例
- js实现小鱼吐泡泡在页面游动特效
- js 提交和设置表单的值
- PHP VBS JS 函数 对照表
- 仿51JOB的地区选择效果(可选择多个地区)
- js身份证验证超强脚本