JS兼容

有时候用到的JS兼容也不算很多,但是我们总要知道一些的,以下的小结有些是从网上获得的,但是都经过亲测!!

1.document.all.id:  IE,Firefox都可以使用,

document.all :可以用来判断所使用的浏览器是不是ie浏览器

if(document.all){
alert('IE');
}
因为document.all在Firefox中是没有反应的。


2.Firefox关于集合类对象取用时可用[ ],但是IE9 可以使用()和[ ].

document.forms['name']; //name是name的属性,使用在Firefox中。

document.forms('name');  //一般使用在IE浏览器中。


3.childNodes

ie浏览器中是不会包含空文本节点的(IE9 以上的是会包含空的文本节点的),而Firefox是会包含空的文本节点的。

我们可以通过获取它的length属性来比较。


4.document.getElementById('id');

在IE(IE 6,7,8)浏览器中,它可能会出现document.getElementById('name');  //name是name的属性,就是说在该种浏览器中可以通过获取它的name的属性来获得元素的引用。但是在Firefox中就只会检查id的属性。

解决的方法是:尽量不要让另一个元素的name属性等于另一个元素的id属性。


5.window.event

window.event无法在Firefox中使用的,但是在IE中可以使用。


6.attachEvent && addEventListener
IE(IE6,7,8)中使用attachEvent来添加事件,
document.getElementById("id").attachEvent('click',fun);
Firefox,IE9使用的是addEventListener 来添加事件
document.getElementById("id").addEventListener('click',fun);

7.创建XMLHttpRequest
Firefox使用的XMLHTTPRequest,IE使用的是ActiveXObject
解决的方法是:
if(Window.XMLHTTPRequest){
req=new XMLHTTPRequest();
}
else if(window.ActiveXObject){
req=new ActiveXObject('Microsoft.XMLHTTP');
}



  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值