javascript - 如果未加载则加载 jQuery - 失败的方法

Question

这是我拥有的:

<script src="myscript.js" type="text/javascript"></script>
<script type="text/javascript">testfunction("hello");</script>

在 myscript.js 中:

if(!window.jQuery)
{
  var script = document.createElement('script');
  script.type = "text/javascript";
  script.src = 'jquery-1.9.0.min.js';
  document.getElementsByTagName('head')[0].appendChild(script);
}

function testfunction(str) {
    $(document).ready(function () {
      alert(str);
    });
}

当然，当前的测试函数不需要 jQuery，但会需要它。使用这种方法，在调用 testfunction() 时下载 jQuery 但不会加载到浏览器(Uncaught ReferenceError: $ is not defined)。

我能做的是在加载我的 JS 之前在不同的脚本中加载 jQuery。在那种情况下，它会起作用，但我会有三个不同的脚本，在我看来这似乎并不优雅。

还有其他方法可以实现吗？

谢谢!

Answer 1

你可能想看看这个 answer .它可能不会等到 jQuery 完全加载。