手机
当前位置:查字典教程网 >编程开发 >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自动触发事件的方法

JavaScript每天定时更换皮肤样式的方法

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

禁止按回车键提交表单的方法

javascript实现动态改变层大小的方法

jQuery实现给页面换肤的方法

Javascript监视变量变化的方法

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

跨浏览器的设置innerHTML方法

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

精品推荐
分类导航