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>
<!--引入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-...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
0
投稿

猜你喜欢

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

    2009-08-13 12:17:00
  • 如果你有这33种症状了请离开电脑去走走吧!

    2022-11-07 18:17:21
  • ASP中数据库调用中常见错误的现象和解决

    2007-09-20 13:24:00
  • mysql分页原理和高效率的mysql分页查询语句

    2024-01-22 00:07:39
  • 设计良好网页的4项原则

    2009-04-24 12:48:00
  • 使用python3实现操作串口详解

    2021-10-21 18:32:41
  • Bootstrap组合上、下拉框简单实现代码

    2024-04-10 11:03:05
  • Python 中导入文本文件的示例代码

    2021-04-18 04:53:01
  • python实现两个一维列表合并成一个二维列表

    2023-08-06 12:59:44
  • JavaScript中的对象的extensible属性介绍

    2024-06-05 09:30:38
  • Java利用套接字实现应用程序对数据库的访问

    2024-01-15 19:37:47
  • Python开发中爬虫使用代理proxy抓取网页的方法示例

    2023-02-04 08:56:06
  • Springboot集成Camunda使用Mysql介绍

    2024-01-22 12:41:36
  • Python利用prettytable库输出好看的表格

    2023-12-07 03:06:30
  • Pandas如何对Categorical类型字段数据统计实战案例

    2023-03-01 20:02:26
  • python处理csv数据动态显示曲线实例代码

    2022-05-01 00:35:05
  • 高亮闪烁某个元素的js脚本

    2024-04-16 09:04:27
  • 如何利用Python批量处理行、列和单元格详解

    2023-02-05 05:07:35
  • Vue如何引入远程JS文件

    2023-07-02 16:34:13
  • 浅谈音视频 pts dts基本概念及理解

    2023-11-13 03:31:26
  • asp之家 网络编程 m.aspxhome.com