手机
当前位置:查字典教程网 >编程开发 >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获取方法】相关文章:

跨浏览器的设置innerHTML方法

jQuery解析XML文件同时动态增加js文件的方法

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

js比较日期大小的方法

JavaScript实现表格点击排序的方法

js禁止页面刷新与后退的方法

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

设为首页 加入收藏的js代码

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

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

精品推荐
分类导航