var script=document.createElement("script");

script.type="text/javascript";

script.src="/UploadFiles/2021-04-02/file.js">

动态脚本元素，就是说 <script> 标签不是写死在HTML中的，而是由现有的脚本生成的，因为 <script> 标签也是DOM元素的一种，而JavaScript是可以通过DOM API操作DOM的。动态脚本只有在新建的script元素被添加到html文档时开始下载，下载完立即执行。
无阻塞脚本的好处就是不会阻塞UI的执行，也不会影响其他同步js代码的执行，不无阻塞脚本改变了脚本的加载顺序，所以在使用无阻塞脚本时候一定要更加注意脚本之间的依赖关系，保证整个页面的脚本都能正常执行。
使用无阻塞脚本了，代码置于head标签还是html文档底部也就无关紧要了。
页面加载的总时间不是衡量页面加载快捷的标准，页面同步阻塞加载的时间才是衡量页面加载效率的准确标准，非阻塞脚本加载可能会增加整个页面加载的时间，但是它可以减少页面阻塞加载的时间。
脚本的异步执行，会产生前后依赖的问题。在脚本加载执行完毕后，非ie浏览器会触发该 <script> 元素的 onload 事件，ie浏览器下有onreadystatechange事件，我们可以将回调放到这个事件中处理。
每当浏览器解析到<script>标签（无论内嵌还是外链）时，浏览器会优先下载、解析并执行该标签中的javaScript代码，而阻塞其后所有页面内容的下载和渲染。（也就是说外部js的下载也会阻塞别的线程，目前有少部分浏览器支持并行下载js）
无阻塞加载脚本技术的核心就是：动态下载js脚本的时候，不会阻塞UI线程的执行。动态脚本为什么不阻塞ui线程？可能是因为浏览器认为动态资源不会影响页面渲染。
让script延迟和异步的两个属性：defer和async
js脚本会改变文档输入流的内容，所以执行js时会暂停页面的渲染。对于内联脚本没什么问题，因为脚本和html文档被同时加载了。但对于外部引入的脚本，脚本的下载（取决于网速）也会阻塞浏览器文档的解析和渲染，甚至会阻塞有些浏览器下载别的资源（目前有些浏览器已经实现并行下载）。所以出现defer和async属性，优化页面的显示。
defer（延迟）是html4.0中定义的，该属性使得浏览器能延迟脚本的下载，等document文档载入和解析完成后，按照他们在文档中出现顺序再去下载解析。也就是说defer属性的<script>就类似于将<script>放在body底部的效果，会在document的DOMContentLoaded事件之前执行。
将脚本放在body底部比给脚本增加defer属性让脚本延迟加载更好。
async（异步）是HTML5新增的属性，该属性的作用是让浏览器能并行下载脚本且不阻塞浏览器的文档解析和渲染，下载完成后脚本立即执行，可能无序执行，取决于下载完成的时间）
若浏览器同时支持上述两种属性且script标签同时具有这两种属性，则async属性会优于defer生效。
在不支持async属性的浏览器里，可以通过动态创建script元素并插入文档中，实现脚本的异步载入和执行：

requirejs就是使用这个方法实现的。