动态加载脚本的最佳方法

Question

我正在开展一个项目，我必须大大改变我的代码。因此，我将动态加载5页JS到DOM中。我遇到的问题是我没有办法检查并等待加载这些脚本。如果将它们推迟到DOM中，那么我的脚本会尝试运行，但在调用它们时会失败。

以下是我如何嵌入脚本的示例。

var script_tag2 = document.createElement('script');
script_tag2.setAttribute("type","text/javascript");
script_tag2.setAttribute("src","http://www.freeptools.com/mapster/js/three.min.js");
(document.getElementsByTagName("head")[0] || document.documentElement).appendChild(script_tag2);

这会将它插入到DOM中，但我没有办法暂停代码直到完成。有没有人遇到过这个？我正试图为此提出一个最好的做法，但是做得很短。

Answer 1

使用jQuery.getScript

jQuery.getScript("http://www.freeptools.com/mapster/js/three.min.js")
    .done(function() {
        /* yay, all good, do something */
    })
    .fail(function() {
        /* boo, fall back to something else */
});