javascript - 如何异步加载多个javascript？

Question

我有大约 5 到 6 个 JavaScript，我将它们放在页面底部，但是我想将所有这些 JavaScript 加载到一个函数中，以便所有这些 JavaScript 异步下载到页面上。谁能建议我该怎么做？一些语法肯定会有所帮助

`

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