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

作者：孤傲苍狼时间：2024-04-16 08:47:06　

今天在网上找到了一个可以动态加载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')[].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>

<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-...js",function(){
alert("动态加载的是jquery-...js");
$(function(){
alert("jquery-...js动态加载完成之后做的处理操作");
});
});
}else{
MiniSite.JsLoader.load("js/jquery-...js",function(){
alert("动态加载的是jquery-...js");
$(function(){
alert("jquery-...js动态加载完成之后做的处理操作");
});
});
}
</script>
</head>
<body>
</body>
</html>

测试结果如下：

标签：js,加载器,动态加载,js

投稿

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

猜你喜欢

CSS网页布局开发时的常见问题小结

如果你有这33种症状了请离开电脑去走走吧!

ASP中数据库调用中常见错误的现象和解决

mysql分页原理和高效率的mysql分页查询语句

设计良好网页的4项原则

使用python3实现操作串口详解

Bootstrap组合上、下拉框简单实现代码

Python 中导入文本文件的示例代码

python实现两个一维列表合并成一个二维列表

JavaScript中的对象的extensible属性介绍

Java利用套接字实现应用程序对数据库的访问

Python开发中爬虫使用代理proxy抓取网页的方法示例

Springboot集成Camunda使用Mysql介绍

Python利用prettytable库输出好看的表格

Pandas如何对Categorical类型字段数据统计实战案例

python处理csv数据动态显示曲线实例代码

高亮闪烁某个元素的js脚本

如何利用Python批量处理行、列和单元格详解

Vue如何引入远程JS文件

浅谈音视频 pts dts基本概念及理解