外部JSファイルを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);