IE和FF下javascript获取网页及窗口大小的区别
来源:互联网 发布:java string首字母大写 编辑:程序博客网 时间:2024/05/22 20:23
在新定义出来的标准下 document.documentElement.clientHeight在IE和火狐里都能获取正确值,下面一篇文章详细介绍了获取各种浏览器可见窗口大小这方面的差别:<script language="javascript">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>在本地测试当中:在IE、FireFox、Opera下都可以使用document.body.clientWidthdocument.body.clientHeight即可获得,很简单,很方便。而在公司项目当中:Opera仍然使用document.body.clientWidthdocument.body.clientHeight可是IE和FireFox则使用document.documentElement.clientWidthdocument.documentElement.clientHeight<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "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高)
- IE和FF下javascript获取网页及窗口大小的区别
- IE与FF下javascript获取网页及窗口大小的区别详解
- IE和ff下javascript解释的区别
- IE和FF下的srcElement获取
- Javascript获取innerText,对IE和FF的兼容性问题?
- Javascript获取innerText,对IE和FF的兼容性问题
- Javascript获取窗口的大小及位置
- ie和ff中对javascript的解释的区别
- IE和ff对javascript的解释的区别
- 关于JavaScript兼容FF和IE的方法(IE、FF下的srcElement属性)
- IE 和 FF 的区别?
- [转载]FF与IE对JavaScript和CSS的区别
- FF与IE对javascript和CSS的区别
- FF与IE对JavaScript和CSS的区别
- FF与IE对javascript和CSS的区别
- FF与IE对javascript和CSS的区别
- FF与IE对javascript和CSS的区别
- jquery获取颜色,ie和ff的区别
- 初级学习感想
- [C学习]函数(?)
- Log4的一些基本用法
- C#格式化数值结果表[转]
- 数学建模十大算法(收藏)
- IE和FF下javascript获取网页及窗口大小的区别
- 创业路上之领头羊十二条
- Eclipse中文乱码问题解决方案
- 一次Java垃圾收集调优实战
- 这是我在csdn上发的第一篇文章
- 区分关联、依赖和聚集关系
- 小马看GIS--OpenLayers(二)
- 因为我害怕
- CST时区问题