js获取页面高度宽度
来源:互联网 发布:微信红包网页赌博源码 编辑:程序博客网 时间:2024/04/30 08:40
关于获取各种浏览器可见窗口大小的一点点研究。
在我本地测试当中:在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获取页面高度、宽度
- Js 获取页面宽度高度及屏幕分辨率
- js获取页面宽度高度及屏幕分辨率
- JS获取页面高度和宽度大全
- js获取页面宽度高度及屏幕分辨率
- js获取页面宽度高度及屏幕分辨率
- js获取页面宽度高度及屏幕分辨率
- js获取页面宽度高度及屏幕分辨率
- js获取页面元素高度、宽度
- js 获取页面宽度和高度
- js获取页面高度和宽度值
- js获取页面高度和宽度相关方法
- JS获取屏幕,浏览器,页面高度及宽度
- js获取页面及个元素高度、宽度
- js获取页面及个元素高度、宽度
- 动态编程和基因序列比对
- 使用java实现基于corba的helloworld
- 关于安全共性服务构件的一点理解
- 梦想
- 3、Ajax的出现
- js获取页面高度宽度
- [title]:Software exhibition
- 转贴--指针(详解)(1)
- gdb调试方法
- unix 关于find命令--mtime选项的用法小议
- 弹窗代码全集
- 可拖动的弹出层提示效果
- 可拖动的弹出层提示效果
- Java设计模式-----Adapter适配器模式