javascript的兼容問題

acrazing 發布于2019-08-23 11:25 / 2867人閱讀

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

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

1、addEventListener和attachEvent 事件綁定



  
    事件綁定

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



  
    事件綁定封裝

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

示例：



  
    event兼容測試

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




  獲取樣式兼容寫法

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

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

調用

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

GPU云服務器云服務器 Js的兼容問題關于javascript的問題兼容問題兼容性問題

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/96944.html

如何機制地回答瀏覽器兼容性問題

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

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

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

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

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

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

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

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

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

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