关于各大浏览器的兼容问题解决方案（总结）

关于各大浏览器的兼容问题解决方案（总结）

A. 渲染相关：和样式相关的问题，即体现在布局效果上的问题。

  1.innerHTML,innerText,textContent;

  function show(){
      /*
        火狐中无法使用innerText,而使用的是textContent;
        innerHtml 和 innerText 区别：
        后者会把添加的东西当成纯文本处理，
        前者会把文本中的html元素，渲染出来
      */
      var obj=document.getElementById("tag");
      if(window.navigator.appName.indexOf('firefox')){
        obj.textContent="value";  
      }else{
        obj.innerText="value";
      }
  }

 2.关于透明度的问题；

.clssName{
     opacity:0.6; /*firefox 和 chrome 下使用*/
     filter:alpha(opacity:60) /*ie8以及下使用*/ 
 }

 

 

B. 脚本相关：和脚本相关的问题，包括JavaScript和DOM、BOM方面的问题

  1.在获取事件对象的时候  

      obj.onmouseover=function (ev){
          var e= ev || event; //否在ie8及以下，不支持ev  
       }
      

C.其他