数码资讯
Javascript中动态加载js文件的各种解决方案摘要
所有动态加法方法的比较 复制代码代码如下所示: * 动态加载JS V1.0:dum 用法:src=webjsbase。jsload = A,B 注意:加载这个目录js * / 无功webjsbase = { { 要求:功能(库名){ document.write(''); }, 负载:功能(defa
选购提示
关注价格、性能、续航、售后和真实使用场景,理性比较后再下单。
所有动态加法方法的比较
复制代码代码如下所示:
*
动态加载JS V1.0:dum
用法:src=webjsbase。jsload = A,B
注意:加载这个目录js
* /
无功webjsbase = { {
要求:功能(库名){
document.write('');
},
负载:功能(defaultload){
如果((typeof原型= = 'undefined)| |(typeof元= = 'undefined)| |(typeof元。方法= = 'undefined '))
把('prototype库加载失败!);
如果(typeof defaultload = = 'undefined)defaultload =;
VaR JS = / /(webjsbase.js。*);
Suoyuan({ }脚本SRC)。FindAll(函数(){
返回s.src.match(JS);
})每个(函数({){)
VaR路径= s.src.replace(JS,);
VAR包括= s.src.match( / *负荷=({ } a-za-z0-9_,*)/);
(包括{ 1 }:defaultload)。Split(',')。每个(功能(包括){)
WebJsBase.require(包括路径+ +。JS的);
});
});
}
};
(webjsbase。负荷); / /在这里你可以指定默认参数的JS文件加载
这是在加载完成时直接使用document.write的最简单的方法,如下面的图。
复制代码代码如下所示:
document.write();
再次向脚本添加一个ID,以动态更改现有脚本的SRC属性。
复制代码代码如下所示:
测试
在这里,getElementsByTagName()是用来创建动态脚本元素
复制代码代码如下所示:
VaR,= document.getelementsbytagname(很)项目(0);
无功oscript = document.createelement(脚本);
oscript.type =文本/ javascript;
Oscript。src=测试。JS;
ohead.appendchild(oscript);
还可以尝试修复一个函数。
复制代码代码如下所示:
函数包含(SRC){
htmlcode =;
document.write(HTMLCode);
}
调用该方法,因此它看起来像PHP的包含函数。
复制代码代码如下所示:
包括(basedir + /原型。JS );
包括(basedir + /地图。JS );
包括(basedir + / mapevent .js);
包括(basedir + /模型/ mapmodel .js);
包括(basedir + /模型/地图类型。JS );
包括(basedir + /模型/瓦。JS );
有些朋友说你可以用extjs4动态加载JS这里。我不介绍它。上面的方法足以动态地加载js。
因此,当使用这种方法动态加载JS时,主界面的js脚本仍在继续执行,因此异步加载的JS代码可能无法得到预期的结果。
这一次,您可以考虑使用Ajax加载Js的方法。
复制代码代码如下所示:
*
动态加载JS V1.0:dum
用法:src=webjsbase。jsload = A,B
注意:加载这个目录js
* /
无功webjsbase = { {
要求:功能(库名){
document.write('');
},
负载:功能(defaultload){
如果((typeof原型= = 'undefined)| |(typeof元= = 'undefined)| |(typeof元。方法= = 'undefined '))
把('prototype库加载失败!);
如果(typeof defaultload = = 'undefined)defaultload =;
VaR JS = / /(webjsbase.js。*);
Suoyuan({ }脚本SRC)。FindAll(函数(){
返回s.src.match(JS);
})每个(函数({){)
VaR路径= s.src.replace(JS,);
VAR包括= s.src.match( / *负荷=({ } a-za-z0-9_,*)/);
(包括{ 1 }:defaultload)。Split(',')。每个(功能(包括){)
WebJsBase.require(包括路径+ +。JS的);
});
});
}
};
(webjsbase。负荷); / /在这里你可以指定默认参数的JS文件加载
这是在加载完成时直接使用document.write的最简单的方法,如下面的图。
复制代码代码如下所示:
document.write();
再次向脚本添加一个ID,以动态更改现有脚本的SRC属性。
复制代码代码如下所示:
测试
在这里,getElementsByTagName()是用来创建动态脚本元素
复制代码代码如下所示:
VaR,= document.getelementsbytagname(很)项目(0);
无功oscript = document.createelement(脚本);
oscript.type =文本/ javascript;
Oscript。src=测试。JS;
ohead.appendchild(oscript);
还可以尝试修复一个函数。
复制代码代码如下所示:
函数包含(SRC){
htmlcode =;
document.write(HTMLCode);
}
调用该方法,因此它看起来像PHP的包含函数。
复制代码代码如下所示:
包括(basedir + /原型。JS );
包括(basedir + /地图。JS );
包括(basedir + / mapevent .js);
包括(basedir + /模型/ mapmodel .js);
包括(basedir + /模型/地图类型。JS );
包括(basedir + /模型/瓦。JS );
有些朋友说你可以用extjs4动态加载JS这里。我不介绍它。上面的方法足以动态地加载js。
因此,当使用这种方法动态加载JS时,主界面的js脚本仍在继续执行,因此异步加载的JS代码可能无法得到预期的结果。
这一次,您可以考虑使用Ajax加载Js的方法。
声明:本文内容用于数码产品信息整理与选购参考,具体价格、库存、售后政策以官方渠道和电商页面实时信息为准。