关于js的10个兼容问题

1.获取css样式属性值

function getStyle(obj,attr){
  if( obj.currentStyle ){
    return obj.currentStyle[attr];
  }else{
    return window.getComputedStyle(obj,null)[attr]
  }
}

2.获取body节点

 var body = document.documentElement||document.body

3.获取事件对象

Body.onclick =function(e){
  var e = e || window.event;
}

4.关于用“索引”获取字符串每一项出现的兼容性问题:

  // 对于字符串也有类似于 数组 这样的通过 下标索引 获取每一项的值,
    var str="abcde";
    aletr(str[1]);
    // 但是低版本的浏览器IE6,7不兼容
    // 兼容方法:str.charAt(i)    //全部浏览器都兼容
    var str="abcde";
    for(var i=0;i<str.length;i++){
      alert(str.charAt(i));   //放回字符串中的每一项
    }

5.关于为一个元素绑定两个相同事件：

    //事件绑定:
    //IE8以下用: attachEvent('事件名',fn);
    //FF,Chrome,IE9-10用: addEventLister('事件名',fn,false);
    //事件移除：
detachEvent('事件名',fn);
removeEventLister('事件名',fn);

6.阻止默认行为

preventDefault: function(event){
        if (event.preventDefault){
            event.preventDefault();
        } else {
            event.returnValue = false;
        }
  }

7.阻止冒泡

stopPropagation: function(event){
        if (event.stopPropagation){
            event.stopPropagation();
        } else {
            event.cancelBubble = true;
        }
  }

8.Ajax请求

IE：new ActiveXObject()
FF、Chrome：new XMLHttpRequest()

9.获取窗口大小

window.innerHeight || document.documentElement.clientHeight
window.innerWidth || document.documentElement.clientWidth

10.获取事件源

var source=event.srcElement //IE  
var source=event.target //firefox