A5下载 - 努力做内容最丰富最安全的下载站!

A5站长下载站

当前位置:A5下载 > 编程开发 > 网站开发 > 如何动态加载外部Javascript文件

如何动态加载外部Javascript文件

时间:2015-12-03 17:07作者:fang人气:56

最近在网上找到了一个可以动态加载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加载完成之后的处理函数

*/

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){

//动态加载Js

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

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

$(function(){

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

});

});

}else{

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

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

$(function(){

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

});

});

}

</script>

</head>

<body>

</body>

</html>

测试结果如下:

IE浏览器下测试结果:

如何动态加载外部Javascript文件

如何动态加载外部Javascript文件

google浏览器下的测试结果:

如何动态加载外部Javascript文件

如何动态加载外部Javascript文件

为大家分享的如何使用js加载器动态加载外部Javascript文件,相信一定会对大家的学习有很大的帮助。

 

标签如何,动态,加载,外部,Javascript,文件,近在,网

相关下载

查看所有评论+

网友评论

网友
您的评论需要经过审核才能显示

公众号