js 取得文档的高度和宽度
来源:互联网 发布:sm2密码算法使用规范 编辑:程序博客网 时间:2024/05/04 16:45
网页可见区域高: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
关于获取各种浏览器可见窗口大小的一点点研究。
在我本地测试当中:
在IE、FireFox、Opera下 都可以使用
document.body.clientWidth
document.body.clientHeight
即可获 得,很简单,很方便。
而在公司项目当中:
Opera仍然使用
document.body.clientWidth
document.body.clientHeight
可 是IE和FireFox则使用
document.documentElement.clientWidth
document.documentElement.clientHeight
原 来是W3C的标准在作怪啊
http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
如 果在页面中添加这行标记的话
在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高)
真是一件麻烦事情,其实就开发来看,宁可少一些对象和方法,不使用最新的标 准要方便许多啊。
- js 取得文档的高度和宽度
- js取得文档的高度和宽度
- js取得文档的高度和宽度
- 通过js去预加载图片,无法正常取得图片高度和宽度的解决方法
- C#如何测量字符串的高度宽度和精确取得字符串的高度宽度
- js取得屏幕高度与宽度
- ASP中取得图片宽度和高度的类
- 用GetTextExtent取得字符串的宽度和高度
- asp.net取得上传图片的高度和宽度
- 使用Jquery取得浏览器的宽度和高度
- JS获取浏览器的高度和宽度
- js 获取dom的高度和宽度
- JS获得浏览器的宽度和高度
- js获得页面的高度和宽度
- js改变div的宽度和高度
- [ZZ] 取得屏幕宽度和高度
- JS 取得各种(网页、屏幕等)高度和宽度值 JavaScript
- 宽度和高度-js-引
- 黑马程序员——单例设计模式
- #实践笔记#Ubuntu配置Apache+PHP+MySQL
- Codeforces Good Bye 2013(13年的最后一场CF)
- spring mvc 3支持 http 的put和delete方法
- 串口驱动模块
- js 取得文档的高度和宽度
- irrlicht
- win7 64位系统下,vb6.0支持鼠标滚轮功能
- ubuntu 登陆界面添加root登陆
- LCD彩屏驱动模块
- Java 反编译工具几枚(class转java)
- 转 系统最小化后内存降低很多 的疑问
- NSUserDefault
- Java学习笔记——抽象类