浏览器页面区域大小的js获取方法
2013-09-21 21:20
267 查看
浏览器页面区域大小的获取: /在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 ==> 可见区域高度 www.jbxue.com
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高)
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 ==> 可见区域高度 www.jbxue.com
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实现获取图片大小和预览的方法完整实例【兼容IE和其它浏览器】
- JS获取各种浏览器窗口大小的方法
- JS获取当前手机浏览器可视区域大小
- 获取浏览器窗口可视化区域大小的兼容JS解决方案
- JS获取各种浏览器窗口大小的方法
- 黄聪:js 获取浏览器、Body、滚动条、可见区域、页面、边框、窗口高度和宽度值(多浏览器)
- JS获取浏览器页面区域的宽度和高度
- JS获取浏览器可视区域的大小
- JS获取各种浏览器窗口大小的方法
- 浏览器页面区域大小的获取
- JS获取网页窗口大小、浏览器窗口大小、页面元素位置
- js获取浏览器窗口可视区域大小
- 图解js中常用的判断浏览器窗体、用户屏幕可视区域大小位置的方法
- js实现禁止pc端浏览器缩放和获取当前页面浏览器的缩放大小
- js获取浏览器页面区域的宽度和高度
- 兼容性问题BX1049: 各浏览器通过 window.resizeTo() 方法最终得到的页面可视区域大小存在差异
- 特别实用的-js判断浏览器窗体、用户屏幕可视区域大小位置的方法