javascript - 如何识别一个javascript文件在Script中成功加载

Question

我想从外部服务器添加一个 js 文件，比如

  <script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false&libraries=geometry"></script>

我如何识别文件是否以 编程方式成功加载（不在控制台中）？

Answer 1

在您的脚本标签下的 javascript 中，您可以检查该文件中的某些函数是否可以在您的代码中访问：

if (myFunction){
  //  file loaded successfully
}

myFunction该文件中的某些功能在哪里

Answer 2

不使用包管理器（require.js），它依赖于库提供的回调。否则，只检查函数是否存在，如果不存在，请稍后再试

// Stop checking after 10 seconds
var scriptTimedOut = window.setTimeout(function() {
    window.clearInterval(checkIfLoaded);
    alert("Script took more than 10secs, so give up");
}, 10000);

// Check every 1 second if the function exists in the script yet
var checkIfLoaded = window.setInterval(function() {
    if (someFunctionInTheScript) {
        // The script is loaded so stop checking
        window.clearInterval(checkIfLoaded);
        window.clearTimeout(scriptTimedOut);
    }
}, 1000);

Answer 3

在 Firefox 或 chrome 中打开您的页面。并检查网络流量（在 firebug 或 chrome 控制台中），看看是否可以看到 js 文件的内容。