js怎么引用另一个js文件

cheelumbill 2013-01-07 02:59:40

需求可能比较诡异。

就是引用一个a.js文件里会引用另一个b.js文件，而且要求被引用的b.js文件中的代码先执行，然后再执行a.js余下的代码。

因为需要执行的js比较多，之间有一些依赖关系，人肉整理太麻烦了。目测用异步的东东是可以弄的。

...全文

1038 11 打赏收藏转发到动态举报

写回复

用AI写文章

11 条回复

切换为时间正序

请发表友善的回复…

发表回复

foolbirdflyfirst 2013-01-08

打赏
举报

引用 10 楼 cheelumbill 的回复:

引用 9 楼 foolbirdflyfirst 的回复:有无研究过ＡＭＤ规范？，比较流行的有Ｒequirejs和Seajs，都挺成熟了。对不起，我只是个JS新手，没研究过。RequireJS试了下，似乎也和前面一样，加载顺序正确，执行顺序不太一致

在加载顺序的基础上,你还要自己指定回调保证执行顺序。如果依赖逻辑过多造成回调层次过深，你还可以试试老赵的Windjs，用同步思维写异步代码

cheelumbill 2013-01-07

打赏
举报

引用 9 楼 foolbirdflyfirst 的回复:

有无研究过ＡＭＤ规范？，比较流行的有Ｒequirejs和Seajs，都挺成熟了。

对不起，我只是个JS新手，没研究过。RequireJS试了下，似乎也和前面一样，加载顺序正确，执行顺序不太一致

foolbirdflyfirst 2013-01-07

打赏
举报

有无研究过ＡＭＤ规范？，比较流行的有Ｒequirejs和Seajs，都挺成熟了。

cheelumbill 2013-01-07

打赏
举报

引用 5 楼 yenange 的回复:

引用 2 楼 cheelumbill 的回复:引用 1 楼 hujife 的回复:这样可以按顺序加载 JavaScript code?12345678910111213141516171819202122232425loadScript("file1.js", function(){loadScript("file2.js", function(){loadScript……

我一开始考虑的是希望不要用回调的那样，而是前面阻塞一下，这样原来代码改动可能会小点，只是回调也基本能接受。

cheelumbill 2013-01-07

打赏
举报

引用 6 楼 hujife 的回复:

JavaScript code?123456789101112 if (script.readyState) { //IE script.onreadystatechange = function() { if (script.readyState == "loaded" || script.readyState == "comp……

那可能是我没把需求说清楚。我是希望被引用的文件中的代码先执行，不仅仅是加载完成，必须是执行完成。

tcpfeng 2013-01-07

打赏
举报


    if (script.readyState) { //IE
        script.onreadystatechange = function() {
            if (script.readyState == "loaded" || script.readyState == "complete") {
                script.onreadystatechange = null;
                callback();
            }
        };
    } else { //Others
        script.onload = function() {
            callback();
        };
    }

看上面代码，意思说加载完“2-1.js”就callback()加载“2-2.js”，这时候“2-1.js”加载完了应该就运行，那就会弹出3。那加载“2-2.js”完成了，那又不是要运行callback()？这时候的就应该会运行alert("1end")，而“2-2.js”加载完运行了。

吉普赛的歌社区高级成员 T9 2013-01-07

打赏
举报

引用 2 楼 cheelumbill 的回复:

引用 1 楼 hujife 的回复:这样可以按顺序加载 JavaScript code?12345678910111213141516171819202122232425loadScript("file1.js", function(){loadScript("file2.js", function(){loadScript("file3.js", function()……

这个东东，　并不是并行的。　所以你得象 #1 楼那样，１个接１个地全放在回调函数里（嵌套进行）。

cheelumbill 2013-01-07

打赏
举报

引用 3 楼 hujife 的回复:

这样就对了，你加载完最后一个就不要callback()了

对不起，不是很明白。

tcpfeng 2013-01-07

打赏
举报

这样就对了，你加载完最后一个就不要callback()了

cheelumbill 2013-01-07

打赏
举报

引用 1 楼 hujife 的回复:

这样可以按顺序加载 JavaScript code?12345678910111213141516171819202122232425loadScript("file1.js", function(){loadScript("file2.js", function(){loadScript("file3.js", function(){alert("All files ……

非常感谢，我明白你的意思了，不过刚才测了下似乎有点不大对，能看下吗？我一共有4个js文件1引用2-1和2-2，2-1和2-2都引用3


//1.js
alert('1begin');
loadScript("2-1.js", function(){
loadScript("2-2.js", function(){
alert("1end");
});
});
//2-1.js
alert("2-1begin");
loadScript("3.js", function(){
alert("2-1end");
});
//2-2.js
alert("2-2begin");
loadScript("3.js", function(){
alert("2-2end");
});
//3.js
alert(3);

输出是


//Chrome23
1begin
2-1begin
3
2-1end
2-2begin
1end
3
2-2end

1end应该是最后输出的才对吧。

tcpfeng 2013-01-07

打赏
举报

这样可以按顺序加载


loadScript("file1.js", function(){
loadScript("file2.js", function(){
loadScript("file3.js", function(){
alert("All files are loaded!");
});
});
});
function loadScript(url, callback){
var script = document.createElement ("script")
script.type = "text/javascript";
if (script.readyState){ //IE
script.onreadystatechange = function(){
if (script.readyState == "loaded" || script.readyState == "complete"){
script.onreadystatechange = null;
callback();
}
};
} else { //Others
script.onload = function(){
callback();
};
}
script.src = url;
document.getElementsByTagName_r("head")[0].appendChild(script);
}