在 document.ready() 中異步加載外部 JS 文件

Question

我試圖在應用程序的 document.read() 事件中異步引用外部 JS 文件。

我目前正在做什么來實現這一目標？

    var s = document.createElement('script');
    s.type = 'text/javascript';
    s.async = true;
    s.src = 'https://xxxx/jquery-3.2.1.js';
    var x = document.getElementsByTagName('script')[0];
    x.parentNode.insertBefore(s, x);

我的問題：

有沒有更好的方法可以使用任何其他方法以更少的代碼行來實現相同的目標？

Answer 1

如果您使用 jQuery，那么您可以使用.getScript函數。

jQuery.getScript("https://xxxx/jquery-3.2.1.js");

Answer 2

我認為你現在的做法是一種很好的做法。 但是，如果您想要更少的代碼行和/或想要您添加的 html 更明顯，您可以這樣做。

var t = createElement("div");
t.innerHTML = '<script type="text/javascript" async src="https://xxxx/jquery-3.2.1.js"></script>';
var x = document.querySelector("script");
x.parentNode.insertBefore(t.childNodes, x);