javascript - 如何在加载另一个脚本之前阻止脚本的执行？

Question

假设我从我的主机网页加载这些脚本:

<script src="http://www.mywebsite.com/widget/widget.js?type=normal" type="text/javascript"></script>
<script src="http://www.mywebsite.com/widget/widget.js?type=rotation" type="text/javascript"></script>

并且我只想在第一个完成时执行第二个(完全；它可以包含异步函数)。

我该怎么做？

Answer 1

您已经做对了:脚本按照页面中集成的顺序执行，而不是加载。

编辑:正如 MaxArt 所指出的，这可能不是您要查找的内容。他的回答很好。 但通常，您会希望使用 javascript 通常的模式和基于事件的逻辑来避免此类问题:

• 让你的大部分文件只定义类和函数(其中一些将回调作为参数)
• 有一个 main 文件启动它并调用 Action 序列，异步性通过回调处理。

我的主要代码通常(有点)像这样:

$(window).ready(function() {
    var myBigEngine = new BigEngine();
    myBigEngine.init(function(){
      // do other things, no need to add other layers as user events and ajax message callback will do the rest
    });
});