document.documentElement.clientWidth
来源:互联网 发布:apache base64 编辑:程序博客网 时间:2024/05/22 03:03
关于获取各种浏览器可见窗口大小的一点点研究
<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>
在本地测试当中:
在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的标准在作怪啊
<!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高)
而如果没有定义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高)
本文转自:http://blog.sina.com.cn/s/blog_6f1f9ead0100n1f6.html
- document.documentElement.clientWidth
- document.documentElement.clientWidth
- ie获得document.documentElement.clientWidth为0
- document.documentElement.clientWidth为0的问题
- 再谈 document.documentElement 与 document.body 的 scrollWidth、offsetWidth、clientWidth
- 关于使用javascript让层居中的问题document.documentElement.clientHeight和document.documentElement.clientWidth
- 一个document.documentElement.clientWidth为0的问题
- 一个document.documentElement.clientWidth为0的问题
- 一个document.documentElement.clientWidth为0的问题
- 一个document.documentElement.clientWidth为0的问题
- 一个document.documentElement.clientWidth为0的问题
- document.documentElement.clientWidth与document.body.clientWidth在浏览器滚动条的情况
- document.documentElement.clientWidth与document.body.clientWidth在浏览器滚动条的情况下,值是不一样的
- e.pageX+document.body.clientWidth与e.clientX + document.documentElement.scrollLeft得区别???
- document.documentElement
- document.documentElement
- 【浏览器】document.documentElement.clientWidth/clientHeight 视口Viewport宽高(CSS像素)
- JS:document.documentElement对象的clientWidth、offsetWidth、scrollWidth、clientLeft、offsetLeft、scrollLeft
- Palette(调色板)
- 第7周 C语言程序设计(新2版) 练习2-3 字符串转换成等价整型值
- LR连接mysql数据库
- java 内存模型:重排序
- 如何在CentOS 7中添加新磁盘而不用重启系统
- document.documentElement.clientWidth
- Java获取泛型的实际类型
- Java 后台管理开发框架!CURD 一键生成,再也不要重复搬砖了!
- js图片转base64编码压缩上传
- XML解析方式
- [Python]第四讲:print语句
- excel 2007代码(部分代码与另一篇2003共享)
- 软考程序员随笔-----7
- Android ListView、GridView等性能优化