在document.ready（）

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