javascript的兼容問題

acrazing 發(fā)布于2019-08-23 11:25 / 2942人閱讀

摘要：我們在寫的時候會遇見很多兼容問題，大部分是以下瀏覽器和其他瀏覽器的區(qū)別。下面整理每次遇見的兼容問題。代表讀取編譯完成成功把成功結(jié)果傳遞給成功函數(shù)把錯誤狀態(tài)碼傳遞給失敗函數(shù)調(diào)用

我們在寫javascript的時候會遇見很多兼容問題，大部分是ie9以下瀏覽器和其他瀏覽器的區(qū)別。下面整理每次遇見的兼容問題。
我們常使用的兼容方法是if或者||符號

1、addEventListener和attachEvent 事件綁定



  
    事件綁定

這樣每次寫的時候比較麻煩，我們可以把這個兼容性封裝下，代碼如下：



  
    事件綁定封裝

2、removeEventListener和detachEvent 刪除事件 3、ev和event

示例：



  
    event兼容測試

4、currentStyle(ie)和getComputedStyle(非ie)獲取元素的當(dāng)前樣式封裝




  獲取樣式兼容寫法

5、new XMLHttpRequest()和new ActiveXObject("Microsoft.XMLHTTP")封裝一個get請求

function ajax(url,fnSucc,fnFaild){
  // 第一步：創(chuàng)建ajax對象
  if(window.XMLHttpRequest){
    var oAjax=new XMLHttpRequest();
  }else{
    var oAjax=new ActiveXObject("Microsoft.XMLHTTP");
  }
  // 第二步：鏈接服務(wù)器
  // open(方法，文件名即地址，異步傳輸)
  oAjax.open("GET",url,true);
  // 第三步：發(fā)送請求
  oAjax.send();
  // 第四步：接收返回
  oAjax.onreadystatechange=function(){
    if(oAjax.readyState===4){//判斷瀏覽器和服務(wù)器進(jìn)行到哪一步了。4代表讀取編譯完成
      if(oAjax.status===200){//成功
        fnSucc(oAjax.responseText);//把成功結(jié)果傳遞給成功函數(shù)
      }else{
        if(fnFaild){
          fnFaild(oAjax.status);//把錯誤狀態(tài)碼傳遞給失敗函數(shù)
        }
      }
    }
  }
}

調(diào)用

ajax("a.txt",function(str){
  alert(str);
},function(error){
  alert(error);
})

云服務(wù)器 GPU云服務(wù)器 Js的兼容問題關(guān)于javascript的問題兼容問題兼容性問題

文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請注明本文地址：http://www.ezyhdfw.cn/yun/96944.html

相關(guān)文章

如何機(jī)制地回答瀏覽器兼容性問題

摘要：前言有過面試經(jīng)驗的同學(xué)應(yīng)該都被問過瀏覽器兼容性的問題，對于面試官的問題，常常猝不及防，因為通常他們都是這么問的。來談?wù)劄g覽器兼容的問題吧，你對瀏覽器的兼容性有了解過嗎，那么如何才是我們正確回答這個問題的姿勢呢。前言有過面試經(jīng)驗的同學(xué)應(yīng)該都被問過瀏覽器兼容性的問題，對于面試官的問題，常常猝不及防，因為通常他們都是這么問的。來談?wù)劄g覽器兼容的問題吧，你對瀏覽器的兼容性有了解過嗎，那么如...

leanote 2019-08-22 18:31 評論0 收藏0
如何機(jī)制地回答瀏覽器兼容性問題

摘要：前言有過面試經(jīng)驗的同學(xué)應(yīng)該都被問過瀏覽器兼容性的問題，對于面試官的問題，常常猝不及防，因為通常他們都是這么問的。來談?wù)劄g覽器兼容的問題吧，你對瀏覽器的兼容性有了解過嗎，那么如何才是我們正確回答這個問題的姿勢呢。前言有過面試經(jīng)驗的同學(xué)應(yīng)該都被問過瀏覽器兼容性的問題，對于面試官的問題，常常猝不及防，因為通常他們都是這么問的。來談?wù)劄g覽器兼容的問題吧，你對瀏覽器的兼容性有了解過嗎，那么如...

Rindia 2019-08-30 15:54 評論0 收藏0
前端兼容性探討

摘要：個人認(rèn)為兼容性的問題也是對這三個方面進(jìn)行處理。能力檢測需要注意兩點先檢測達(dá)成目的的最常用的特性，可以保證代碼最優(yōu)化，并避免檢測多個條件必須測試實際要是用到的特性這些就是小可對兼容性的理解，有不對的希望各位朋友指正探討，嘻嘻這里和朋友們簡單探討一下個人對于前端兼容性的一些理解：在項目中，前端主要處理html，css,javaScript代碼，當(dāng)然還有可能接觸到razor等渲染引擎方面...

MobService 2019-08-01 17:19 評論0 收藏0
前端兼容性探討

摘要：個人認(rèn)為兼容性的問題也是對這三個方面進(jìn)行處理。能力檢測需要注意兩點先檢測達(dá)成目的的最常用的特性，可以保證代碼最優(yōu)化，并避免檢測多個條件必須測試實際要是用到的特性這些就是小可對兼容性的理解，有不對的希望各位朋友指正探討，嘻嘻這里和朋友們簡單探討一下個人對于前端兼容性的一些理解：在項目中，前端主要處理html，css,javaScript代碼，當(dāng)然還有可能接觸到razor等渲染引擎方面...

Andrman 2019-08-20 18:27 評論0 收藏0
前端兼容性探討

摘要：個人認(rèn)為兼容性的問題也是對這三個方面進(jìn)行處理。能力檢測需要注意兩點先檢測達(dá)成目的的最常用的特性，可以保證代碼最優(yōu)化，并避免檢測多個條件必須測試實際要是用到的特性這些就是小可對兼容性的理解，有不對的希望各位朋友指正探討，嘻嘻這里和朋友們簡單探討一下個人對于前端兼容性的一些理解：在項目中，前端主要處理html，css,javaScript代碼，當(dāng)然還有可能接觸到razor等渲染引擎方面...

developerworks 2019-08-29 13:03 評論0 收藏0