javascript - 如何在另一个 js 文件中包含 jquery.js？

Question

我想在 myjs.js 文件中包含 jquery.js。我为此编写了下面的代码。

  var theNewScript=document.createElement("script");
  theNewScript.type="text/javascript";
  theNewScript.src="http://example.com/jquery.js";
  document.getElementsByTagName("head")[0].appendChild(theNewScript);
  $.get(myfile.php);

第 5 行显示错误“$ 未定义”。我想包含 jquery.js 然后想在 myjs.js 文件中调用 $.get() 函数。我怎样才能做到这一点？请帮助我

Answer 1

以编程方式在文档头中附加一个脚本标记并不一定意味着该脚本将立即可用。您应该等待浏览器下载该文件，解析并执行它。某些浏览器会为脚本触发 onload 事件，您可以在其中连接逻辑。但这不是跨浏览器的解决方案。我宁愿“轮询”一个特定的符号变得可用，像这样:

var theNewScript = document.createElement("script");
theNewScript.type = "text/javascript";
theNewScript.src = "http://example.com/jquery.js";
document.getElementsByTagName("head")[0].appendChild(theNewScript);
// jQuery MAY OR MAY NOT be loaded at this stage
var waitForLoad = function () {
    if (typeof jQuery != "undefined") {
        $.get("myfile.php");
    } else {
        window.setTimeout(waitForLoad, 1000);
    }
};
window.setTimeout(waitForLoad, 1000);