在html页面中直接使用<script>标签引入脚本时，会按照顺序来加载并执行脚本，在脚本加载和执行的过程中，会阻塞后续的
DOM渲染，如果引入的文件比较大或者网络速度比较慢的情况下，会影响页面的性能，用户体验比较差，因此<script>提供了两种方式来解决上述问题，async和defer。如果script标签设置了该属性，则浏览器会异步的下载该文件并且不会影响到后续DOM的渲染；defer:如果有多个设置了defer的script标签存在，则会按照顺序执行所有的script；脚本会在文档渲染完毕后，DOMContentLoaded事件调用前执行。
async:async的执行，并不会按着script在页面中的顺序来执行，而是谁先加载完谁执行。
DOMContentLoaded事件的触发并不受async脚本加载的影响，有可能在DOMContentLoaded前或者后
注：由于javascript是单线程的，所以只有一个js文件在执行，已经执行的文件不会被打断
DOMContentLoaded 与onload区别
1、当 onload 事件触发时，页面上所有的DOM，样式表，脚本，图片，flash都已经加载完成了。
2、当 DOMContentLoaded 事件触发时，仅当DOM加载完成，不包括样式表，图片，flash。
