php动态加载js,JS加载器如何动态加载外部js文件

今天在网上找到了一个可以动态加载js文件的js加载器，具体代码如下：

JsLoader.jsvar 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加载完成之后的处理函数

*/

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')[].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.οnlοad=function(){

//fCallback();

if(fCallback!=undefined){

fCallback();

}

};

}else{

//fCallback();

if(fCallback!=undefined){

fCallback();

}

}

}

};

JsLoader.js测试

JsLoaderTest.html

if(MiniSite.Browser.ie){

//动态加载Js

MiniSite.JsLoader.load("js/jquery-...js",function(){

alert("动态加载的是jquery-...js");

$(function(){

alert("jquery-...js动态加载完成之后做的处理操作");

});

});

}else{

MiniSite.JsLoader.load("js/jquery-...js",function(){

alert("动态加载的是jquery-...js");

$(function(){

alert("jquery-...js动态加载完成之后做的处理操作");

});

});

}

测试结果如下：

更多JS加载器如何动态加载外部js文件相关文章请关注PHP中文网！

本文原创发布php中文网，转载请注明出处，感谢您的尊重！