<script>标签里的defer和async属性 区别（待补充）

• defer与async的区别（表格显示）：

区别	defer	async
什么时候执行	document 解析完毕且所有defer-script 加载完成后执行，然后触发 DOMContentLoaded 事件	下载完就执行；在 DOMContentLoaded 之前或之后执行，但一定在 load 之前执行
加载顺序	按顺序加载	加载顺序不确定
是否阻塞	与html解析并行，不阻塞html的解析，html解析完成后执行	会阻塞 load 事件
对于script标签里代码都无效，对src引入外部js文件有效
	向 document 动态添加 script 标签时，async 属性默认是 true

• defer与async的区别是：
  前者要等到整个页面正常渲染结束，才会执行；后者一旦下载完，渲染引擎就会中断渲染，执行这个脚本以后，再继续渲染。
  一句话，defer是“渲染完再执行”，async是“下载完就执行”。
  另外，如果有多个defer脚本，会按照它们在页面出现的顺序加载，而多个async脚本是不能保证加载顺序的。