如何使用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