javascript - 複数のJavaScriptを非同期でロードする方法は？

Question

ページの下部に配置したJavaScriptが5〜6個ありますが、このJavaScriptをすべて1つの関数にロードしたかったので、すべてが非同期でページにダウンロードされます。誰かが私がそれをどのように行うことができるか提案できますか？いくつかの構文は間違いなく役立ちます

`

Answer 1

新しいブラウザーでは、async 属性を使用できます。

<scritp src="yourscript.js" type="text/javascript" async=true ></script>

または、より広いサポートのために、ドキュメント内の既に処理されたタグにスクリプトを追加できます。

編集：

function loadScript (scriptpath){
    var s=document.getElementsByTagName('script')[0];
    var ss=document.createElement('script');
    ss.type='text/javascript';
    ss.async=true;
    ss.src= scriptpath;
    s.parentNode.insertBefore(ss,s);
}

そして、次のようにロードできます。

loadScript('script1.js');
loadScript('script2.js');
loadScript('script3.js');
loadScript('script4.js');