国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁(yè) > 開發(fā) > AJAX > 正文

用ajax動(dòng)態(tài)加載需要的js文件

2024-09-01 08:29:37
字體:
供稿:網(wǎng)友

習(xí)慣了用java,在java中,需要某個(gè)類直接import就可以了,所以做javascript的時(shí)候也想實(shí)現(xiàn)這個(gè)效果。

  前段時(shí)間,用了下dojo,里面的dojo.require的功能很不錯(cuò),一看代碼,暈了,一大堆東西,唉~還是自己寫個(gè)簡(jiǎn)單點(diǎn)的,dojo.require可以引入包,我就只做一個(gè)導(dǎo)入js文件的。

  開始用的document.write,執(zhí)行順序不對(duì)了,這是在后面進(jìn)行導(dǎo)入,而我們總是在前面執(zhí)行中就需要導(dǎo)入的js,這樣,執(zhí)行中就會(huì)報(bào)“某某未定義”,就是順序問題了。

  接著,我就想用ajax同步(注意:不是異步)調(diào)用遠(yuǎn)程js文件,這里有個(gè)問題,就是我們要js文件的時(shí)候,不是用絕對(duì)路徑,就是相對(duì)路徑,用相對(duì)路徑的話,以哪個(gè)為參照呢?可以用調(diào)用js的那個(gè)文件為參照,也可以以實(shí)現(xiàn)調(diào)用功能的js文件為參照,這里,我選擇寫個(gè) js,實(shí)現(xiàn)按需調(diào)用其它js,參照也選它。經(jīng)過一番修改,路徑問題解決。但是,讀取過來的數(shù)據(jù)中文會(huì)有亂碼問題,好在我們做東西都用UTF-8(因?yàn)橐獓?guó)際化),所以這里避過了。

  遠(yuǎn)程js內(nèi)容取到后,就要執(zhí)行,用eval執(zhí)行后,發(fā)現(xiàn)還是取不到遠(yuǎn)程js里定義的內(nèi)容,怪了,猛alert一番后,發(fā)現(xiàn)執(zhí)行eval的上下文范圍有問題,我們要的是js在window對(duì)象中執(zhí)行,嗯?window有什么方法沒?一找,哈,有個(gè)window.execScript方法,ok,試一下,成功,yeah~后來發(fā)現(xiàn)在firefox下,不能用window.execScript,找了一下,用window.eval,用法和ie下的window.execScript類似。但是只用window.eval的時(shí)候,在ie下有時(shí)候會(huì)出問題,所以就兩種一起用了。

  下面是實(shí)現(xiàn)遠(yuǎn)程js安調(diào)用的那個(gè)js:env.js,我已經(jīng)習(xí)慣用oo寫js了

 /**  * @author zxub 2006-06-01  * 狀態(tài)信息顯示類,用var Status=new function()定義,可以靜態(tài)引用其中的方法  * 一般情況下為function Status(),這樣不能靜態(tài)引用其中的方法,需要通過對(duì)象來引用  */ var Status=new function() {   this.statusDiv=null;      /**    * 初始化狀態(tài)顯示層    */   this.init=function()   {     if (this.statusDiv!=null)     {       return;     }     var body = document.getElementsByTagName("body")[0];     var div = document.createElement("div");     div.style.position = "absolute";     div.style.top = "50%";     div.style.left = "50%";     div.style.width = "280px";     div.style.margin = "-50px 0 0 -100px";         div.style.padding = "15px";     div.style.backgroundColor = "#353555";     div.style.border = "1px solid #CFCFFF";     div.style.color = "#CFCFFF";     div.style.fontSize = "14px";     div.style.textAlign = "center";     div.id = "status";     body.appendChild(div);     div.style.display="none";     this.statusDiv=document.getElementById("status");   }      /**    * 設(shè)置狀態(tài)信息    * @param _message:要顯示的信息    */     this.showInfo=function(_message)   {        if (this.statusDiv==null)     {       this.init();     }      this.setStatusShow(true);     this.statusDiv.innerHTML = _message;       }       /**    * 設(shè)置狀態(tài)層是否顯示    * @param _show:boolean值,true為顯示,false為不顯示    */    this.setStatusShow=function(_show)   {        if (this.statusDiv==null)     {       this.init();     }      if (_show)     {       this.statusDiv.style.display="";     }     else     {       this.statusDiv.innerHTML="";       this.statusDiv.style.display="none";     }   } } /**  * @author zxub  * 用于存放通道名稱及通信對(duì)象的類,這樣可以通過不同通道名稱來區(qū)分不同的通信對(duì)象  */ function HttpRequestObject() {   this.chunnel=null;   this.instance=null; } /**  * @author zxub  * 通信處理類,可以靜態(tài)引用其中的方法  */ var Request=new function() {   this.showStatus=true;      //通信類的緩存   this.httpRequestCache=new Array();      /**    * 創(chuàng)建新的通信對(duì)象    * @return 一個(gè)新的通信對(duì)象    */   this.createInstance=function()   {     var instance=null;     if (window.XMLHttpRequest)     {       //mozilla       instance=new XMLHttpRequest();       //有些版本的Mozilla瀏覽器處理服務(wù)器返回的未包含XML mime-type頭部信息的內(nèi)容時(shí)會(huì)出錯(cuò)。因此,要確保返回的內(nèi)容包含text/xml信息       if (instance.overrideMimeType)       {         instance.overrideMimeType="text/xml";       }     }     else if (window.ActiveXObject)     {       //IE       var MSXML = ['MSXML2.XMLHTTP.5.0', 'Microsoft.XMLHTTP', 'MSXML2.XMLHTTP.4.0', 'MSXML2.XMLHTTP.3.0', 'MSXML2.XMLHTTP'];       for(var i = 0; i < MSXML.length; i++)       {         try         {           instance = new ActiveXObject(MSXML[i]);           break;         }         catch(e)         {                   }       }     }     return instance;   }      /**    * 獲取一個(gè)通信對(duì)象    * 若沒指定通道名稱,則默認(rèn)通道名為"default"    * 若緩存中不存在需要的通信類,則創(chuàng)建一個(gè),同時(shí)放入通信類緩存中    * @param _chunnel:通道名稱,若不存在此參數(shù),則默認(rèn)為"default"    * @return 一個(gè)通信對(duì)象,其存放于通信類緩存中    */   this.getInstance=function(_chunnel)   {     var instance=null;     var object=null;     if (_chunnel==undefined)//沒指定通道名稱     {       _chunnel="default";     }     var getOne=false;     for(var i=0; i<this.httpRequestCache; i++)     {       object=HttpRequestObject(this.httpRequestCache[i]);       if (object.chunnel==_chunnel)       {         if (object.instance.readyState==0 || object.instance.readyState==4)         {           instance=object.instance;         }         getOne=true;         break;                 }     }     if (!getOne) //對(duì)象不在緩存中,則創(chuàng)建     {       object=new HttpRequestObject();       object.chunnel=_chunnel;       object.instance=this.createInstance();       this.httpRequestCache.push(object);       instance=object.instance;     }          return instance;   }      /**    * 客戶端向服務(wù)端發(fā)送請(qǐng)求    * @param _url:請(qǐng)求目的    * @param _data:要發(fā)送的數(shù)據(jù)    * @param _processRequest:用于處理返回結(jié)果的函數(shù),其定義可以在別的地方,需要有一個(gè)參數(shù),即要處理的通信對(duì)象    * @param _chunnel:通道名稱,默認(rèn)為"default"    * @param _asynchronous:是否異步處理,默認(rèn)為true,即異步處理    */   this.send=function(_url,_data,_processRequest,_chunnel,_asynchronous)   {     if (_url.length==0 || _url.indexOf("?")==0)     {       Status.showInfo("由于目的為空,請(qǐng)求失敗,請(qǐng)檢查!");       window.setTimeout("Status.setStatusShow(false)",3000);       return;     }     if (this.showStatus)     {       Status.showInfo("請(qǐng)求處理中,請(qǐng)稍候");      }     if (_chunnel==undefined || _chunnel=="")     {       _chunnel="default";     }     if (_asynchronous==undefined)     {       _asynchronous=true;     }     var instance=this.getInstance(_chunnel);     if (instance==null)     {       Status.showInfo("瀏覽器不支持ajax,請(qǐng)檢查!")       window.setTimeout("Status.setStatusShow(false)",3000);       return;     }      if (_asynchronous==true && typeof(_processRequest)=="function")     {       instance.onreadystatechange=function()       {         if (instance.readyState == 4) // 判斷對(duì)象狀態(tài)         {           if (instance.status == 200) // 信息已經(jīng)成功返回,開始處理信息           {                      _processRequest(instance);             Status.setStatusShow(false);             Request.showStatus=true;                     }           else           {             Status.showInfo("您所請(qǐng)求的頁(yè)面有異常,請(qǐng)檢查!");             window.setTimeout("Status.setStatusShow(false)",3000);           }         }       }     }     //_url加一個(gè)時(shí)刻改變的參數(shù),防止由于被瀏覽器緩存后同樣的請(qǐng)求不向服務(wù)器發(fā)送請(qǐng)求     if (_url.indexOf("?")!=-1)     {       _url+="&requestTime="+(new Date()).getTime();     }     else     {       _url+="?requestTime="+(new Date()).getTime();     }     if (_data.length==0)     {       instance.open("GET",_url,_asynchronous);            instance.send(null);           }     else     {       instance.open("POST",_url,_asynchronous);       instance.setRequestHeader("Content-Length",_data.length);       instance.setRequestHeader("Content-Type","application/x-www-form-urlencoded");       instance.send(_data);     }     if (_asynchronous==false && typeof(_processRequest)=="function")     {       _processRequest(instance);       if (Request.showStatus)       {         Status.setStatusShow(false);       }       else       {         Request.showStatus=true;       }     }   }      /**    * 間隔一段時(shí)間持續(xù)發(fā)送請(qǐng)求,只用于異步處理,只用于GET方式    * @param _interval:請(qǐng)求間隔,以毫秒計(jì)    * @param _url:請(qǐng)求地址    * @param _processRequest:用于處理返回結(jié)果的函數(shù),其定義可以在別的地方,需要有一個(gè)參數(shù),即要處理的通信對(duì)象    * @param _chunnel:通道名稱,默認(rèn)為"defaultInterval",非必添    */   this.intervalSend=function(_interval,_url,_processRequest,_chunnel)   {     var action=function()     {       if (_chunnel==undefined)       {         _chunnel="defaultInterval";       }       var instance=Request.getInstance(_chunnel);       if (instance==null)       {         Status.showInfo("瀏覽器不支持ajax,請(qǐng)檢查!")         window.setTimeout("Status.setStatusShow(false)",3000);         return;       }       if (typeof(_processRequest)=="function")       {         instance.onreadystatechange=function()         {           if (instance.readyState == 4) // 判斷對(duì)象狀態(tài)           {             if (instance.status == 200) // 信息已經(jīng)成功返回,開始處理信息             {               _processRequest(instance);             }             else             {               Status.showInfo("您所請(qǐng)求的頁(yè)面有異常,請(qǐng)檢查!");               window.setTimeout("Status.setStatusShow(false)",3000);             }           }         }       }       //_url加一個(gè)時(shí)刻改變的參數(shù),防止由于被瀏覽器緩存后同樣的請(qǐng)求不向服務(wù)器發(fā)送請(qǐng)求       if (_url.indexOf("?")!=-1)       {         _url+="&requestTime="+(new Date()).getTime();       }       else       {         _url+="?requestTime="+(new Date()).getTime();       }       instance.open("GET",_url,true);       instance.send(null);     }     window.setInterval(action,_interval);       } } var Env=new function() {     this.funcList=new Array();        this.envPath=null;      this.getPath=function()   {     this.envPath=document.location.pathname;     this.envPath=this.envPath.substring(0,this.envPath.lastIndexOf("/")+1);         var _scripts=document.getElementsByTagName("script");     var _envPath=null;     var _scriptSrc=null;     for (var i=0; i<_scripts.length; i++)     {       _scriptSrc=_scripts[i].getAttribute("src");       if (_scriptSrc && _scriptSrc.indexOf("env.js")!=-1)       {         break;       }     }     if (_scriptSrc!=null)     {       if (_scriptSrc.charAt(0)=='/')       {         this.envPath=_scriptSrc.substr(0,_scriptSrc.length-6);       }       else       {         this.envPath=this.envPath+_scriptSrc.substr(0,_scriptSrc.length-6);       }     }       }   this.getPath();        /**    * 按需獲取需要的js文件    * @param _jsName:js文件路徑,若為相對(duì)路徑,則是對(duì)應(yīng)env.js的相對(duì)路徑,也可以用絕對(duì)路徑    * @param _language:對(duì)返回函數(shù)進(jìn)行處理的語(yǔ)言,默認(rèn)為JScript,可不填    */   this.require=function(_jsName,_language)   {     var _absJsName=null;     if (_jsName.charAt(0)=='/')     {       _absJsName=_jsName;     }     else     {       _absJsName=this.envPath+_jsName;     }         if (!Env.funcList[_absJsName])     {       Env.funcList[_absJsName]="finished";        var processJs=function(_instance)       {         //為兼容firefox做判斷         if (_language!=undefined)         {           if (window.execScript)           {             window.execScript(_instance.responseText,_language);           }           else           {             window.eval(_instance.responseText,_language);           }                             }         else         {           if (window.execScript)           {             window.execScript(_instance.responseText);           }           else           {             window.eval(_instance.responseText);           }                   }               }       Request.showStatus=false;       Request.send(_absJsName,"",processJs,"",false);     }   }      /**    * 該函數(shù)的效果是在應(yīng)用它的script塊后加一個(gè)script塊    * 是由document.write在script塊中的執(zhí)行順序決定的    */   this.getJs=function(_jsName)   {     if (!Env.funcList[_jsName])     {       Env.funcList[_jsName]="finished";       document.write('<scr'+'ipt type="text/javascript" src="'+_jsName+'"></'+'scr'+'ipt>');     }   } } /**  * ajax調(diào)用遠(yuǎn)程頁(yè)面后,遠(yuǎn)程頁(yè)面中script塊未執(zhí)行的處理  */ function reloadJs(_language) {   var _c=document.getElementsByTagName("SCRIPT");   for (var i=0;i<_c.length;i++)   {     if (_c[i].src)     {       var _s=document.createElement("script");       _s.type="text/javascript";       _s.src=_c[i].src;       //為兼容firefox不用_c[0].insertAdjacentElement("beforeBegin",_s)       _c[0].parentNode.insertBefore(_s,_c[0]);             _c[i].parentNode.removeChild(_c[i]);     }     else if (_c[i].text)     {       if (_language!=undefined)       {         if (window.execScript)         {           window.execScript(_c[i].text,_language);         }         else         {           window.eval(_c[i].text,_language);         }       }       else       {         if (window.execScript)         {           window.execScript(_c[i].text);         }         else         {           window.eval(_c[i].text);         }       }     }   } }               
發(fā)表評(píng)論 共有條評(píng)論
用戶名: 密碼:
驗(yàn)證碼: 匿名發(fā)表
主站蜘蛛池模板: 山东省| 汉阴县| 亚东县| 井研县| 英山县| 唐海县| 自治县| 顺平县| 绥江县| 广灵县| 大兴区| 棋牌| 阿拉善右旗| 红原县| 长治市| 西乌珠穆沁旗| 惠安县| 忻城县| 桓仁| 麟游县| 得荣县| 长兴县| 博乐市| 三亚市| 洪泽县| 尼木县| 云林县| 古丈县| 庆安县| 湘潭市| 怀宁县| 潍坊市| 秦皇岛市| 渝北区| 文化| 乐业县| 宜川县| 镇远县| 株洲县| 阿拉尔市| 贡嘎县|