javascript的兼容問(wèn)題

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

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

我們?cè)趯慾avascript的時(shí)候會(huì)遇見很多兼容問(wèn)題，大部分是ie9以下瀏覽器和其他瀏覽器的區(qū)別。下面整理每次遇見的兼容問(wèn)題。
我們常使用的兼容方法是if或者||符號(hào)

1、addEventListener和attachEvent 事件綁定



  
    事件綁定

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



  
    事件綁定封裝

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

示例：



  
    event兼容測(cè)試

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




  獲取樣式兼容寫法

5、new XMLHttpRequest()和new ActiveXObject("Microsoft.XMLHTTP")封裝一個(gè)get請(qǐng)求

function ajax(url,fnSucc,fnFaild){
  // 第一步：創(chuàng)建ajax對(duì)象
  if(window.XMLHttpRequest){
    var oAjax=new XMLHttpRequest();
  }else{
    var oAjax=new ActiveXObject("Microsoft.XMLHTTP");
  }
  // 第二步：鏈接服務(wù)器
  // open(方法，文件名即地址，異步傳輸)
  oAjax.open("GET",url,true);
  // 第三步：發(fā)送請(qǐng)求
  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);//把錯(cuò)誤狀態(tài)碼傳遞給失敗函數(shù)
        }
      }
    }
  }
}

調(diào)用

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

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

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

轉(zhuǎn)載請(qǐng)注明本文地址：http://m.specialneedsforspecialkids.com/yun/96944.html

相關(guān)文章

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

摘要：前言有過(guò)面試經(jīng)驗(yàn)的同學(xué)應(yīng)該都被問(wèn)過(guò)瀏覽器兼容性的問(wèn)題，對(duì)于面試官的問(wèn)題，常常猝不及防，因?yàn)橥ǔＫ麄兌际沁@么問(wèn)的。來(lái)談?wù)劄g覽器兼容的問(wèn)題吧，你對(duì)瀏覽器的兼容性有了解過(guò)嗎，那么如何才是我們正確回答這個(gè)問(wèn)題的姿勢(shì)呢。前言有過(guò)面試經(jīng)驗(yàn)的同學(xué)應(yīng)該都被問(wèn)過(guò)瀏覽器兼容性的問(wèn)題，對(duì)于面試官的問(wèn)題，常常猝不及防，因?yàn)橥ǔＫ麄兌际沁@么問(wèn)的。來(lái)談?wù)劄g覽器兼容的問(wèn)題吧，你對(duì)瀏覽器的兼容性有了解過(guò)嗎，那么如...

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

摘要：前言有過(guò)面試經(jīng)驗(yàn)的同學(xué)應(yīng)該都被問(wèn)過(guò)瀏覽器兼容性的問(wèn)題，對(duì)于面試官的問(wèn)題，常常猝不及防，因?yàn)橥ǔＫ麄兌际沁@么問(wèn)的。來(lái)談?wù)劄g覽器兼容的問(wèn)題吧，你對(duì)瀏覽器的兼容性有了解過(guò)嗎，那么如何才是我們正確回答這個(gè)問(wèn)題的姿勢(shì)呢。前言有過(guò)面試經(jīng)驗(yàn)的同學(xué)應(yīng)該都被問(wèn)過(guò)瀏覽器兼容性的問(wèn)題，對(duì)于面試官的問(wèn)題，常常猝不及防，因?yàn)橥ǔＫ麄兌际沁@么問(wèn)的。來(lái)談?wù)劄g覽器兼容的問(wèn)題吧，你對(duì)瀏覽器的兼容性有了解過(guò)嗎，那么如...

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

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

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

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

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

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

developerworks 2019-08-29 13:03 評(píng)論0 收藏0