亚洲乱码中文字幕综合,中国熟女仑乱hd,亚洲精品乱拍国产一区二区三区,一本大道卡一卡二卡三乱码全集资源,又粗又黄又硬又爽的免费视频

如何動態(tài)加載外部Javascript文件

 更新時間:2015年12月02日 16:22:26   作者:孤傲蒼狼  
這篇文章主要介紹了如何動態(tài)加載外部Javascript文件,本文舉例講解使用js加載器動態(tài)加載外部Javascript文件,感興趣的小伙伴們可以參考一下

最近在網(wǎng)上找到了一個可以動態(tài)加載js文件的js加載器,具體代碼如下:
JsLoader.js

var MiniSite=new Object();
/**
 * 判斷瀏覽器
 */
MiniSite.Browser={ 
 ie:/msie/.test(window.navigator.userAgent.toLowerCase()), 
 moz:/gecko/.test(window.navigator.userAgent.toLowerCase()), 
 opera:/opera/.test(window.navigator.userAgent.toLowerCase()), 
 safari:/safari/.test(window.navigator.userAgent.toLowerCase()) 
};
/**
 * JsLoader對象用來加載外部的js文件
 */
MiniSite.JsLoader={
 /**
  * 加載外部的js文件
  * @param sUrl 要加載的js的url地址
  * @fCallback js加載完成之后的處理函數(shù)
  */
 load:function(sUrl,fCallback){ 
  var _script=document.createElement('script'); 
  _script.setAttribute('charset','gbk'); 
  _script.setAttribute('type','text/javascript'); 
  _script.setAttribute('src',sUrl); 
  document.getElementsByTagName('head')[0].appendChild(_script); 
  if(MiniSite.Browser.ie){ 
   _script.onreadystatechange=function(){ 
    if(this.readyState=='loaded'||this.readyStaate=='complete'){ 
     //fCallback();
     if(fCallback!=undefined){
       fCallback(); 
     }
      
    } 
   }; 
  }else if(MiniSite.Browser.moz){ 
   _script.onload=function(){ 
    //fCallback(); 
    if(fCallback!=undefined){
      fCallback(); 
    }
   }; 
  }else{ 
   //fCallback();
   if(fCallback!=undefined){
     fCallback(); 
   }
  } 
 } 
};

JsLoader.js測試

<!DOCTYPE HTML>
<html>
 <head>
 <!--引入js加載器 -->
 <script type="text/javascript" src="js/JsLoader.js"></script>
 <title>JsLoaderTest.html</title>
 <script type="text/javascript">
  if(MiniSite.Browser.ie){
   //動態(tài)加載Js
   MiniSite.JsLoader.load("js/jquery-1.9.1.js",function(){
    alert("動態(tài)加載的是jquery-1.9.1.js");
    $(function(){
     alert("jquery-1.9.1.js動態(tài)加載完成之后做的處理操作");
    });
   }); 
  }else{
   MiniSite.JsLoader.load("js/jquery-2.0.3.js",function(){
    alert("動態(tài)加載的是jquery-2.0.3.js");
    $(function(){
     alert("jquery-2.0.3.js動態(tài)加載完成之后做的處理操作");
    });
   });
  }
 </script>
 </head>
 
 <body>
 
 </body>
</html>

測試結(jié)果如下:

IE瀏覽器下測試結(jié)果:


google瀏覽器下的測試結(jié)果:

為大家分享的如何使用js加載器動態(tài)加載外部Javascript文件,相信一定會對大家的學(xué)習(xí)有很大的幫助。

相關(guān)文章

  • 超級簡單實現(xiàn)JavaScript MVC 樣式框架

    超級簡單實現(xiàn)JavaScript MVC 樣式框架

    本文給大家分享的是一則翻譯過來的,由國外友人寫的如何簡單有效的實現(xiàn)javascript MVC樣式框架,算是一個MVC的入門教程,希望大家能夠喜歡。
    2015-03-03
  • 善用事件代理,警惕閉包的性能陷阱。

    善用事件代理,警惕閉包的性能陷阱。

    關(guān)于JS性能優(yōu)化中的冰山一角:事件代理、警惕閉包。其實本文有一個文章已經(jīng)說到,閉包如何產(chǎn)生,閉包的作用;
    2011-01-01
  • Javascript(AJAX)解析XML的代碼(兼容FIREFOX/IE)

    Javascript(AJAX)解析XML的代碼(兼容FIREFOX/IE)

    Javascript AJAX 解析XML的代碼(兼容FIREFOX/IE)
    2010-07-07
  • 基于JavaScript實現(xiàn)輪播圖效果

    基于JavaScript實現(xiàn)輪播圖效果

    這篇文章主要為大家詳細介紹了基于JavaScript實現(xiàn)輪播圖效果,文中示例代碼介紹的非常詳細,具有一定的參考價值,感興趣的小伙伴們可以參考一下
    2021-01-01
  • JavaScript 反射和屬性賦值實例解析

    JavaScript 反射和屬性賦值實例解析

    這篇文章主要介紹了JavaScript 反射和屬性賦值實例解析,文中通過示例代碼介紹的非常詳細,對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友可以參考下
    2019-10-10
  • JS字典Dictionary類定義與用法示例

    JS字典Dictionary類定義與用法示例

    這篇文章主要介紹了JS字典Dictionary類定義與用法,結(jié)合實例形式分析了javascript字典Dictionary的定義、添加、移除、統(tǒng)計等相關(guān)操作技巧,需要的朋友可以參考下
    2019-02-02
  • JavaScript判斷訪問的來源是手機還是電腦,用的哪種瀏覽器

    JavaScript判斷訪問的來源是手機還是電腦,用的哪種瀏覽器

    這篇文章主要介紹了使用JavaScript判斷訪問的來源是手機還是電腦,用的哪種瀏覽器。需要的朋友可以過來參考下,希望對大家有所幫助
    2013-12-12
  • layui table 參數(shù)設(shè)置方法

    layui table 參數(shù)設(shè)置方法

    今天小編就為大家分享一篇layui table 參數(shù)設(shè)置方法,具有很好的參考價值,希望對大家有所幫助。一起跟隨小編過來看看吧
    2018-08-08
  • Javascript?promise.all的用法介紹(簡潔易懂)

    Javascript?promise.all的用法介紹(簡潔易懂)

    這篇文章主要給大家介紹了關(guān)于Javascript?promise.all用法的相關(guān)資料,Promise.all()方法是一個Promise對象方法,可以將多個Promise實例包裝成一個新的Promise對象,最終返回一個數(shù)組,需要的朋友可以參考下
    2023-07-07
  • Bootstrap每天必學(xué)之折疊

    Bootstrap每天必學(xué)之折疊

    Bootstrap每天必學(xué)之折疊,本文向大家講解了Bootstrap折疊操作,感興趣的小伙伴們可以參考一下
    2016-04-04

最新評論