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

浏览器可见区域大小的获取
2009-11-06 10:48
//在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高)



评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值