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

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

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.其他

原文地址:https://www.cnblogs.com/mc67/p/5318979.html