js获取页面高度和宽度相关方法
来源:互联网 发布:中国网络发展史 编辑:程序博客网 时间:2024/06/05 18:01
<script> function getInfo() { var s = ""; s += " 网页可见区域宽:"+ document.body.clientWidth; s += " 网页可见区域高:"+ document.body.clientHeight; s += " 网页可见区域宽:"+ document.body.offsetWidth + " (包括边线和滚动条的宽)"; s += " 网页可见区域高:"+ document.body.offsetHeight + " (包括边线的宽)"; s += " 网页正文全文宽:"+ document.body.scrollWidth; s += " 网页正文全文高:"+ document.body.scrollHeight; s += " 网页被卷去的高(ff):"+ document.body.scrollTop; s += " 网页被卷去的高(ie):"+ document.documentElement.scrollTop; s += " 网页被卷去的左:"+ document.body.scrollLeft; s += " 网页正文部分上:"+ window.screenTop; s += " 网页正文部分左:"+ window.screenLeft; s += " 屏幕分辨率的高:"+ window.screen.height; s += " 屏幕分辨率的宽:"+ window.screen.width; s += " 屏幕可用工作区高度:"+ window.screen.availHeight; s += " 屏幕可用工作区宽度:"+ window.screen.availWidth; s += " 你的屏幕设置是 "+ window.screen.colorDepth +" 位彩色"; s += " 你的屏幕设置 "+ window.screen.deviceXDPI +" 像素/英寸"; alert (s); } getInfo(); </script>
offsetTop
获取对象相对于版面或由 offsetParent 属性指定的父坐标的计算顶端位置。
offsetLeft
获取对象相对于版面或由 offsetParent 属性指定的父坐标的计算左侧位置。
offsetHeight
获取对象相对于版面或由父坐标 offsetParent 属性指定的父坐标的高度。
IE、Opera 认为 offsetHeight = clientHeight + 滚动条 + 边框。
NS、FF 认为 offsetHeight 是网页内容实际高度,可以小于 clientHeight。
offsetWidth
获取对象相对于版面或由父坐标 offsetParent 属性指定的父坐标的宽度。
offsetParent
获取定义对象 offsetTop 和 offsetLeft 属性的容器对象的引用。
clientHeight
获取对象的高度,不计算任何边距、边框、滚动条或可能应用到该对象的补白。
大家对 clientHeight 都没有什么异议,都认为是内容可视区域的高度,也就是说页面浏览器中可以看到内容的这个区域的高度,一般是最后一个工具条以下到状态栏以上的这个区域,与页面内容无关。
clientLeft
获取 offsetLeft 属性和客户区域的实际左边之间的距离。
clientTop
获取 offsetTop 属性和客户区域的实际顶端之间的距离。
clientWidth
获取对象的宽度,不计算任何边距、边框、滚动条或可能应用到该对象的补白。
0 0
- js获取页面高度和宽度相关方法
- JS获取页面高度和宽度大全
- js 获取页面宽度和高度
- js获取页面高度和宽度值
- 获取页面相关宽度高度
- js获取页面高度宽度
- Js获取页面高度宽度
- JS获取页面宽度高度
- JS获取页面高度、宽度
- js、jQuery获取页面中的各种宽度和高度
- js获取浏览器页面区域的宽度和高度
- js获取屏幕宽度高度相关
- Js 获取页面宽度高度及屏幕分辨率
- js获取页面宽度高度及屏幕分辨率
- js获取页面宽度高度及屏幕分辨率
- js获取页面宽度高度及屏幕分辨率
- js获取页面宽度高度及屏幕分辨率
- js获取页面宽度高度及屏幕分辨率
- ubuntu视频插件解决
- 极光推送JPush
- HTML5&CSS3第二周总结
- 我感到很惭愧的飞鸽传书
- Oracle Bigfile Tablespace and Smallfile Tablespace
- js获取页面高度和宽度相关方法
- Rotate List
- vim配置
- unp.h的使用
- jQuery EasyUI
- C语言中的32个关键字
- yum源的搭建和yum命令的软件安装
- Android SlidingMenu 开源项目导入
- 收藏 qt移植的文章