javascript - 动态加载脚本的最佳方法

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 */
});