老师你好，我想问一下script标签async/defer与动态创建script的区别

Answer 1

扬_灵 2020-10-13 17:37:28

同学你好，defer属性：异步下载文件，按照顺序执行带有defer的属性的script标签；在文档渲染完毕后，DOMContentLoaded之前执行；async属性：先加载完先执行；执行时，会阻塞文档渲染。动态创建的 script ，设置 src 并不会开始下载，而是要添加到文档中Js文件才会开始下载。通过window.onload方法确保页面加载完毕再将script标签插入到DOM中。你可以看一下这篇文章https://juejin.im/post/6844903696875126798