在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);