[整理] 浏览器差异(收集)

1 篇文章 0 订阅
1 篇文章 0 订阅
  1. IE会将注释节点实现为元素,所以在IE中调用getElementsByTagName里面会包含注释节点,这个通常是不应该的
  2. getElementById的参数在IE8及较低的版本不区分大小写
  3. IE7及较低的版本中,表单元素中,如果表单A的name属性名用了另一个元素B的ID名并且A在B之前,那么getElementById会选中A
  4. IE8及较低的版本,浏览器不支持getElementsByClassName
  5. CSS选择器无论CSS2.1版本还是CSS3版本,IE7和IE8都支持,webkit、Gecko核心及Opera也都支持,只有IE6以下浏览器才不支持
  6. 火狐不支持innerText属性,用了类似的textContent属性
  7. IE5、IE6不支持XMLHttpRequest对象,IE7+、Firefox、Safari、Chrome、Opera均支持。所以在考虑IE5、IE6时,创建XMLHttpRequest对象:

    var request;
    if (window.XMLHttpRequest) {
        request = new XMLHttpRequest();//IE7+、Firefox、Safari、Chrome、Opera
    }else {
        request = new ActiveXObjext("Microsoft.XMLHTTP");//IE5、IE6
    }
  8. IE8及以下版本的事件流只支持事件冒泡机制,所以它们的事件处理程序是attachEvent和detachEvent。其他浏览器DOM2级事件处理程序是addEventListner和removeEventListner。
  9. IE10以下浏览器不支持getElementsByClassName。
  10. IE6中type为text的input元素需设置background:none。且注意设置所输入的文字上下居中。上下居中一般有两种方法,一是设置line-height=height外加设置padding-top、padding-bottom,二是设置line-height:原行高px\9。一般第一种方法更好。
/*第一种方法*/
.search_text {
    width:350px;
    height:14px;
    line-height:14px;
    padding:11px 5px 10px;

}
/*第二种方法*/
.search_text {
    width:350px;
    height:35px;
    line-height:35px\9;/*CSS hack \9代表所有ie浏览器*/
    padding:0 5px;
}

11.ES5新特性IE9以上才支持。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值