如何使用 Javascript 将 jQuery 添加到我的网页中？答案

【问题标题】：How can I add jQuery to my web page using Javascript?如何使用 Javascript 将 jQuery 添加到我的网页中？
【发布时间】：2023-04-05 20:28:01
【问题描述】：

我的 AngularJS SPA 网页对服务器执行 WebAPI 调用。当用户进入报告页面时，我需要加载 jQuery 以便可以使用它。很少有用户需要报告页面，所以我不想一开始就加载 jQuery。

谁能告诉我一种无需添加任何过于复杂的东西（例如 require.js 或复杂的加载器脚本）即可进行加载的简单方法。我所需要的只是一种非常简单的加载 jQuery 的方法，它会在加载 jQuery 后返回一个 Promise。

【问题讨论】：

【解决方案1】：

你可以这样：

var s = document.createElement('script');
s.src = '/path/to/jQuery';
document.body.appendChild(s);

但是在 Angular 之后加载 jQuery 可能会出现问题。

【讨论】：

【解决方案2】：

您可以在 javascript 中加载这样的脚本：

var jqueryScript=document.createElement('script');
jqueryScript.setAttribute("type","text/javascript");
jqueryScript.setAttribute("src", jquerySrc);

如果您想在加载后执行某些内容，只需将此代码放入一个 Promise 中。

【讨论】：