JS加载器如何动态加载外部js文件
作者：孤傲苍狼 发布时间：2024-04-16 08:47:06
标签：js,加载器,动态加载,js
今天在网上找到了一个可以动态加载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>
测试结果如下：
0
投稿猜你喜欢
- 前言Python 思想：“一切都是对象！”，最近发现python3和python2中print的用法有很多不同，python3中需要使用括号
目前网络上有许多图片验证码形式，那些没有生成图片的验证码的抗破解防御能力简直不堪一击；有人直接在网页源码里显示出具体的数字，然后要求访问者输- 传统的机器学习任务从开始到建模的一般流程是：获取数据 -> 数据预处理 -> 训练建模 -> 模型评估 -> 预测，
- 快速测试创建项目与appdjango-admin startproject mysitedjango-admin startapp app1
- 下面的代码中python2与python3的print使用区别，大家注意一下。python3需要加()才行。语法：for循环的语法格式如下：
- OpenCV图像处理一、图像入门1.读取图像使用 cv.imread() 函数读取一张图像，图片应该在工作目录中，或者应该提供完整的图像路径
- 大家在使用ASP设计用户提交表单的时候，如果涉及到网址输入框，那么相信都有可能会用到这个效果，使用正则表达式验证网址合法性。代码如下：<
- 本文实例讲述了python中二维阵列的变换方法。分享给大家供大家参考。具体方法如下：先看如下代码：arr = [ [1, 2, 3], [4
- 前言复习试题时，发现一道复数问题问题关于 Python 的复数类型，以下选项中描述错误的是A复数的虚数部分通过后缀“J”或者“j”来表示B对
- 具体如何屏蔽更多的快捷键可以自行google搜索。 这里要说的是如何屏蔽后去执行自定义的事件。这里为了方便使用的Kibo做例子，使用goog
- 引言年中购物618大狂欢开始了，各大电商又开始了大力度的折扣促销，我们的小胖又给大家谋了一波福利，淘宝APP直接搜索：小胖发福利，每天领取三
- 关于python读取xml文章很多，但大多文章都是贴一个xml文件，然后再贴个处理文件的代码。这样并不利于初学者的学习，希望这篇文章可以更通
- 在使用AJAX开发网站时，经常有朋友遇到乱码的问题，而且一下子难以找到解决方法。其实解决AJAX中文乱码问题很简单。1、服务端程序：<
- 本文实例为大家分享了Python3实现飞机大战游戏的具体代码，供大家参考，具体内容如下1、主程序：plane_main.pyimport p
- <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN&
- 关于树莓派四驱小车的运动方向控制、摄像头方向控制已经在前面的两篇博文中介绍过。有需要的可以参考。本文也是基于上述两个python文件就绪的情
- open(filename,mode,buffer) 其中第一个参数是要打开的文件的文件名，必选；第二个是打开方式，可选；第三个为缓冲区，可
- 本文实例为大家分享了ADO.NET通用数据库访问类，供大家参考学习，具体内容如下using System;using System.Coll
- 前言我们这里主要是利用requests模块和bs4模块进行简单的爬虫的讲解，让大家可以对爬虫有了初步的认识，我们通过爬几个简单网站，让大家循
- gRPCgRPC远程过程调用框架是基于动作的模式，类似远程调用微服务。这使得gRPC成为一种围绕Protobufs构建的进程间通信(IPC)
