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