【HTML】兼容性代码片

js中scrollTop兼容性：

 var scrollTop=document.documentElement.scrollTop 
                        ||  document.body.scrollTop;

js中event事件兼容性：【以鼠标点击显示鼠标坐标事件为例】

 <script>
  document.onclick=function(evn){
      var e=evn || event;
      alert(e.clientX+","+e.clientY);
  }
</script>

js中附加事件兼容性：attachEvent / addEventListener
FF：target.addEventListener(type, listener, useCapture);【不含on】
I E：target.attachEvent(type, listener); 【含on】

var div1=document.getElementById("id");
if(div1.attachEvent){ //若不写attach则事件2覆盖事件1
       div1.attachEvent("onclick",function(){
        console.log("附加事件1,注意 含 on ");
      } );
      div1.attachEvent("onclick",function(){
        console.log("附加事件2");
      } );
    }else{
        div1.addEventListener("click",function(){
          console.log("事件1，注意：不含 on ");
        },false);
        div1.addEventListener("click",function(){
          console.log("事件2");
        },false);

    var addevent=function(target,type){
       if(target.attachEvent){
           target.attachEvent("on"+type,function(){
            console.log("aa");
          } );

          target.attachEvent("on"+type,function(){
            console.log("bb");
          } );
        }else{
            target.addEventListener(type,function(){
              console.log("cc");
            },false);
            target.addEventListener(type,function(){
              console.log("dd");
            },false);               
         }    
    } // addevent

创建ajax
script中属性&变量：如果 a没有定义
用没有定义的变量——报错； // alert(a);
用没有定义的属性——undefined。// alert(window.a);
IE6：var oAjax=new ActiveXObject(“Microsoft.XMLHTTP”);

if(window.XMLHttpRequest){ // 如果省略window则IE6报错
   var oAjax=new XMLHttpRequest();
}else{
   var oAjax=new ActiveXObject("Microsoft.XMLHTTP");
}
alert(oAjax); //查看是否正确创建ajax