如何使用JavaScript将jQuery添加到我的网页？

Question

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

有人可以告诉我一种简单的加载方式，而无需添加任何太复杂的内容，例如require.js或复杂的加载器脚本。 我需要的是一种非常简单的加载jQuery的方法，该方法将在加载jQuery后返回Promise。

Answer 1

您可以这样做：

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

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

Answer 2

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

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

如果您想在加载后执行某些操作，只需将这些代码放在Promise中即可。

参见https://docs.angularjs.org/api/ng/service/ $ q