您的位置：首页 > 其它

浏览器可见区域大小的获取

2012-03-06 09:39 253 查看
//在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高）
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签： 
相关文章推荐
新的分享
章节导航