如何使用Javascript将jQuery添加到网页中？

Question

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

有人能告诉我一种简单的方法来完成加载，而不需要添加任何太复杂的内容，比如require.js或复杂的加载程序脚本。我所需要的只是一种在jQuery中加载的非常简单的方式，它将在加载jQuery之后返回一个承诺。

Answer 1

你可以这样做：

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

但在转角后可能存在加载jQuery的问题。

Answer 2

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

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

如果您希望在加载后执行某项操作，只需将此代码放入承诺中即可。

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