javascript - 如何确保我的 javascript 仅在所有外部 <script src ="..."> 加载其内容后执行？

Question

我们的网站使用 Google API 来执行谷歌搜索。我遇到的问题是以下代码失败...

<script src="https://www.google.com/jsapi" type="text/javascript"></script> 
<script type="text/javascript">
        google.load('search', '1');
</script>

失败并显示以下错误消息:

'google' is undefined

我的猜测是发生这种情况是因为在脚本执行之前 Google API 尚未完全加载。

我应该使用 JQuery 的 document.ready 吗？我读到这将在 DOM 加载完成后开始执行脚本。我假设这不包括加载外部资源，如脚本、样式表和图像？

Answer 1

不可重现

<script src="http://google.com/jsapi"></script>
<script>google.load("jquery", "1");</script>
<script>alert($);</script>

它确实有效，不需要 API key 。

你能检查它发出的请求吗？ (使用 Firebug 或其他东西)您的连接可能有问题... That is why there is a fallback for jQuery你可以实现。至于加载程序，您必须检查请求失败的原因。