我有以下功能可以加载给定脚本:
function addScriptTag(url){
var script = document.createElement('script');
script.src = url;
document.getElementsByTagName('head')[0].appendChild(script);
}
Run Code Online (Sandbox Code Playgroud)
我使用了该函数来加载彼此相关的库,它们lib2依赖于lib1和lib1依赖于jquery:
function loadThemAll(){
addScriptTag('http://path/to/jquery.js');
addScriptTag('http://path/to/lib1.js');
addScriptTag('http://path/to/lib2.js');
}
Run Code Online (Sandbox Code Playgroud)
问题在于,即使lib1按此顺序,当需要jQuery时,也找不到它。同样适用于lib2该用途lib1。
如何使script标签创建并按顺序加载脚本?换一种说法 :
添加脚本标签jQuery并加载它。
当jQuery被加载,添加脚本标记lib1并加载它。
当lib1被加载,添加脚本标记lib2并加载它。
javascript ×1