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
投稿猜你喜欢
- 如今，随着网站的越来越普及，与Web相关的开发技术持续热门，从前端到后端，从标记语言到开发语言，各种技术交相辉映，沉沉浮浮，从开始简单的ht
- 现在有一个xml，格式如下： <date> <item> <id> 1 </id> <
- 前言argsparse是python的命令行解析的标准模块，内置于python，不需要安装。这个库可以让我们直接在命令行中就可以向程序中传入
本博客可能没有那么规范，环境之类的配置。只是让你直接开始编程写python。至于各种配置网络上有多种方法。本文仅代表我的观点的一种方法。电脑- 废话不多说了，直接上代码吧：#Copyright (c)2017, 东北大学软件学院学生# All rightsreserved#文件名称：
- 之前在《首都机场的点烟器》中分析了一个软件系统所处的状态并且列举了不同的状态所需要的展示给用户的各类信息，我们先简单回顾一下：要设计一个软件
- 本文实例讲述了Python中文分词工具之结巴分词用法。分享给大家供大家参考，具体如下：结巴分词工具的安装及基本用法，前面的文章《Python
- 不知道大家有没发现DWMX中有一个和FW差不多的制作弹出菜单功能？这个功能允许用文字和图片做为主菜单，如果用文字的话要先做虚拟链接。下面简单
- MySQL用Nested-Loop Join算法实现join查询区分驱动表和被驱动表，以驱动表的结果集为循环的基础，访问被驱动表过滤数据，然
- 本文实例讲述了python实现telnet客户端的方法。分享给大家供大家参考。具体如下：python实现的telnet客户端程序，pytho
- 网上的SQL优化的文章实在是很多，说实在的，我也曾经到处找这样的文章，什么不要使用IN了，什么OR了，什么AND了，很多很多，还有很多人拿出
- 杨紫和肖战的《余生请多指教》于3月15日起腾讯视频全网独播，湖南卫视金鹰独播剧场晚8:20播放。对于杨紫的纯剧粉（战长沙入的坑图片），想要用
- 事件是javascript中的核心内容之一，在对事件的应用中不可避免的要涉及到一个重要的概念，那就是事件冒泡，在介绍事件冒泡之前，先介绍一下
- 以下是服务端代码var HTTPREQUEST_PROXYSETTING_DEFAULT = 0;var&nb
- 写在前面贪吃蛇,吃豆人,迷宫,井字游戏......这些小游戏我相信大家小的时候肯定玩过,或许在某个时段还沉迷过.随着年龄的增长,这些小游戏离
- 0. 学习目标栈和队列是在程序设计中常见的数据类型，从数据结构的角度来讲，栈和队列也是线性表，是操作受限的线性表，它们的基本操作是线性表操作
- 本文实例讲述了PHP排序二叉树基本功能实现方法。分享给大家供大家参考，具体如下：这里演示了排序二叉树节点的插入,中序遍历,极值的查找和特定值
- 数据库索引是一个数据结构，提高操作的速度，在一个表中可以使用一个或多个列，提供两个快速随机查找和高效的顺序访问记录的基础创建索引。在创建索引
- 目前，计算机上主流的操作系统有Windows、Unix、Mac OS等，os模块为多操作系统的访问提供了相关功能的支持，涉及对文件相关操作功
- 前言损失函数在机器学习中用于表示预测值与真实值之间的差距。一般而言，大多数机器学习模型都会通过一定的优化器来减小损失函数从而达到优化预测机器
