动态添加js脚本

第一步:动态创建一个script元素

 let script=document.createElement('script'); 

第二步:设置script元素的src属性

script.src='xxx.xx.js';  

第三步:将script元素添加到head元素中

document.head.appendChild(script); 

 注意点1:默认情况下，以这种方式创建的<script>元素是以异步方式加载的，相当于添加了async属性，不过这样做可能可能会有问题，因为不是所有的浏览器都支持async属性，因此，如果要统一动态脚本的加载行为，可以明确的将其设置为同步加载:

 script.async=false;

注意点2:以这种方式获取的资源对浏览器预加载是不可见的，这会严重影响他们在资源获取队列中的优先级，根据应用程序的工作方式以及怎么使用，这种方式可能会严重影响性能，要想让预加载器知道这些动态请求文件的存在，可以在文档头部显式声明他们:

<link rel='preload' href='xxx.xx.js'