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>
测试结果如下：
-
问题内容： 我有一个动态网页，在这里我需要在另一个JavaScript文件中（在一定条件下）导入外部JS 文件。 我试图寻找可行的解决方案，但没有成功。 我尝试使用将JS文件加载到DOM，但也没有用。显然，Js已加载到DOM中，但在当前JS文件中无法访问。 jQuery中的解决方案也可以 问题答案： jQuery 有时会出现故障，因此我使用自己的实现方式： 并像这样使用它：
-
说明 调用方法： $.f2e.util.getScript(url,cache,fn); 函数说明： 加载js，并提供相关回调 参数说明： 参数名 类型 说明 备注 url string 地址 无 cache boolean 缓存 无 fn function 回调函数 无 脚本 <script> $.f2e.util.getScript(url,true,function(){
-
问题内容： 到处寻找它，找到答案却迷失了。有谁知道如何从另一个js文件加载外部.js文件？ innerHTML可以工作，并且可以粘贴响应文本。问题在于JS无法在该文档中工作。jQuery.getScript应该正在加载该外部js文件，但不会加载 问题答案： 这是您将外部js文件加载到Jquery的方法
-
问题内容： 我正在开发Web应用程序。我正在使用AngularJS将所有文件动态加载到UI中。 我有一个文件，可在单击或加载时将所有文件动态加载到其中。 现在我的登录页面看起来像下面的结构 现在我的问题是，尽管我能够加载手风琴的menu.html文件，但是却无法加载它所依赖的css和js文件。我已经研究了stackoverflow，但是没有一个对我有用。 任何人都可以帮助确定使用AngularJS
-
问题内容： 因此，我很难正常工作。我这样称呼它： 但是由于某种原因，在加载HTML页面时，不包含任何外部.js（我编写的实际上用于执行某些操作的文件）。我遵循以下重要的加载约定 有谁知道为什么没有正确加载？另外，pageshow函数也不会被触发，这很奇怪。看起来像这样： 现在，页面已呈现，但是没有任何功能发生。如果我入侵它并执行以下操作： 它将正常运行。 问题答案： jQuery Mobile不会
-
问题内容： 对于AngularJS来说，这很陌生，我想我打算做的术语是延迟加载。我看过几个不同的博客，但没有找到纯粹使用AngularJS的完整工作解决方案。 我知道，如果将in 放到index.html中，则一切正常，我正在尝试减少在初始负载时减少的js数量。 脚本标签位于局部文件中时，它永远不会被加载，因此永远不会创建P1Ctrl。因此，当前，如果用户进入该应用程序而从未去过process55