javascript - 如何在加载特定 JS 后运行 Javascript 函数？

Question

我制作了一个 js 函数，用于在我的 html 中包含另一个 Javascript。我需要确保我使用该函数加载的脚本已完成处理，然后仅在我的原始脚本中进一步移动。

function loadBackupScript(){
    var script = document.createElement('script');
    script.src = 'http://www.geoplugin.net/javascript.gp';
    script.type = 'text/javascript';
    var head = document.getElementsByTagName("head")[0];
    head.appendChild(script);
}

我需要知道脚本已经加载以便提前使用它的功能。我该怎么做？

Answer 1

function loadBackupScript(callback) {
    var script;
    if (typeof callback !== 'function') {
       throw new Error('Not a valid callback');  
    }
    script = document.createElement('script');
    script.onload = callback;  
    script.src = 'http://www.geoplugin.net/javascript.gp';
    document.head.appendChild(script);
}

loadBackupScript(function() { alert('loaded'); });