javascript - 如何在没有 <script src =""> 的情况下在 Javascript 中包含 jQuery 库

Question

我需要在 javascript 文件 (john.js) 中远程包含 jQuery 库。我已经尝试过了，但没有任何运气；

(function(d, t) {
    var g = d.createElement(t), // create a script tag
        s = d.getElementsByTagName(t)[0]; // find the first script tag in the document
    g.src = 'http://code.jquery.com/jquery-latest.js'; // set the source of the script to your script
    s.parentNode.insertBefore(g, s); // append the script to the DOM
}(document, 'script'));

$( document ).ready(function() {

// My jquery works here

});

我想以 javascript 方式获取脚本。正确的做法是什么？

Answer 1

这里的错误是执行这段代码时JQuery还没有加载:

$(document).ready(function() { .. }

照原样，你会得到这样的错误:$ is undefined(或类似的)

您应该使用创建的脚本元素的 onload 事件来确保它已加载 Jquery。

此示例展示了如何实现您的目标。祝你好运。

var newScript = document.createElement('script');
newScript.type = 'text/javascript';
newScript.src = 'http://code.jquery.com/jquery-latest.js'; // set the source of the script to your script
newScript.onload = function() {
  alert("Script is ready!");
  $(document).ready(function() {
    alert("JQuery is ready!");
  });
};
var head = document.getElementsByTagName("head")[0];
head.appendChild(newScript);