JS获取浏览器的高度
来源:互联网 发布:unity3d游戏开始界面 编辑:程序博客网 时间:2024/05/30 05:00
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
sHTML精确定位: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 相对文档的水平座标+垂直方向滚动的量
实现代码
< !DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 请调整浏览器窗口
请调整浏览器窗口大小
本文来自CSDN博客,转载请标明出处:http://blog.csdn.net/love_beibei/archive/2009/09/03/4516322.aspx
- JS获取浏览器的高度
- JS获取浏览器的高度
- js获取浏览器的高度
- js获取浏览器高度
- Js 获取浏览器高度
- js获取浏览器高度
- js获取浏览器高度
- JS获取浏览器的高度和宽度
- js获取浏览器可用区域的高度
- JS获取浏览器及网页的高度
- 获取浏览器的高度
- Js获取浏览器的高度和宽度等参数
- [js][jQuery]JQuery获取浏览器的高度和宽度
- Js 获取当前浏览器的高度和宽度
- JS获取浏览器窗口的宽度和高度
- js中screen对象获取浏览器宽度高度的用法
- js获取滚动条距离浏览器顶部,底部的高度
- 不同浏览器,js获取屏幕的高度和宽度
- 遍历操作列表的算法
- 我的家乡
- vb随机函数
- 股市帮——7种致命的交易错误
- 内核更新方法
- JS获取浏览器的高度
- 对C#中HashTable的Add方法参数类型的探讨
- 信息
- Java 连接 SQL Server 2000示例代码
- JFreeChart中文API
- 基于PHP的cURL快速入门
- C井接口的显式和隐式实现
- 信息2
- oracle中的角色