Externe JS-Datei asynchron in document.ready() laden

Question

Was versuche ich zu tun?

Ich versuche, eine externe JS-Datei im Ereignis document.read() in der Anwendung asynchron zu referenzieren.

Was mache ich gerade, um dies zu erreichen?

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

Meine Frage:

Gibt es einen besseren Weg, um die gleiche Sache mit weniger Code-Zeilen mit beliebigen anderen Methoden zu erreichen?

Answer 1

Wenn Sie jQuery verwenden, dann könnten Sie die .getScript-Funktion verwenden.

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

Answer 2

Ich denke, die Art, wie Sie es jetzt tun, ist ein guter Weg, es zu tun. Aber wenn Sie weniger Codezeilen möchten und/oder möchten, dass der HTML-Code, den Sie hinzufügen, besser sichtbar ist, können Sie dies tun.

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