手机
当前位置:查字典教程网 >编程开发 >Javascript教程 >浏览器页面区域大小的js获取方法
浏览器页面区域大小的js获取方法
摘要:浏览器页面区域大小的获取:复制代码代码如下://在IE、FireFox、Opera下都可以使用document.body.clientWid...

浏览器页面区域大小的获取:

复制代码 代码如下:

//在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获取方法】相关文章:

jQuery实现页面内锚点平滑跳转特效的方法总结

jQuery实现给页面换肤的方法

js+HTML5实现canvas多种颜色渐变效果的方法

根据内容自动调整弹出窗口大小的JS解决方案

删除javascript所创建子节点的方法

js光标定位文本框回车表单提交问题的解决方法

JS实现兼容各浏览器解析XML文档数据的方法

javascript先序遍历DOM树的方法

js实现两点之间画线的方法

Jquery跨浏览器文本复制插件Zero Clipboard的使用方法

精品推荐
分类导航