如何异步加载多个javascript？

Question

我有大约5到6个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');