欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

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

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

最近在網(wǎng)上找到了一個(gè)可以動(dò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對(duì)象用來(lái)加載外部的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測(cè)試

<!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){
   //動(dòng)態(tài)加載Js
   MiniSite.JsLoader.load("js/jquery-1.9.1.js",function(){
    alert("動(dòng)態(tài)加載的是jquery-1.9.1.js");
    $(function(){
     alert("jquery-1.9.1.js動(dòng)態(tài)加載完成之后做的處理操作");
    });
   }); 
  }else{
   MiniSite.JsLoader.load("js/jquery-2.0.3.js",function(){
    alert("動(dòng)態(tài)加載的是jquery-2.0.3.js");
    $(function(){
     alert("jquery-2.0.3.js動(dòng)態(tài)加載完成之后做的處理操作");
    });
   });
  }
 </script>
 </head>
 
 <body>
 
 </body>
</html>

測(cè)試結(jié)果如下:

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


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

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

相關(guān)文章

  • 超級(jí)簡(jiǎn)單實(shí)現(xiàn)JavaScript MVC 樣式框架

    超級(jí)簡(jiǎn)單實(shí)現(xiàn)JavaScript MVC 樣式框架

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

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

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

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

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

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

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

    JavaScript 反射和屬性賦值實(shí)例解析

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

    JS字典Dictionary類(lèi)定義與用法示例

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

    JavaScript判斷訪問(wèn)的來(lái)源是手機(jī)還是電腦,用的哪種瀏覽器

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

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

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

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

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

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

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

最新評(píng)論