常见的浏览器兼容问题的处理

常见的浏览器兼容问题的处理：

1. 父元素设置了text-align: center; 的div 在 IE 浏览器中能水平居中,但在有些浏览器中不能，需设置margin:0px auto; 

示例：

<div style="text-align: center; background-color: white;">

<div style="border:1px dotted #390; background: #dfa; color: #390; padding: 20px;width:60%;margin:0px auto;

                 margin-top:150px;text-align: left;font-size: 12px;">

       <p>您已经成功退出系统，谢谢使用！</p>     

    </div>

</ div >

2. 绑定事件 :

    if(window.attachEvent) {

        window.attachEvent('onload', stripe);

    }else {

      window.addEventListener("load", stripe, false);   

   }

3. 触发事件 :

    if(document.all){

       obj.fireEvent('onclick');

    }else{   

       var evt = document.createEvent('HTMLEvents');   

        evt.initEvent('click',true,true);   

       obj.dispatchEvent(evt);   

     }

4. 使用事件源对象：
    <input type="button"  onclick="doEventThing(event)" />      //传入event

    var evt = window.event || event;     

     var  e = evt.srcElement || evt.target;
    
5 ．使用 event.keyCode || event.which  代替  event.keyCode

6 ．使用 obj.   innerText || obj.   textContent  代替  obj.   innerText

7.   Safari 浏览器或 Google Chrome 浏览器，元素上有 onfocus 或 onblur 事件 , 需设置 tabindex 属性。