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