版权声明：本文为博主原创文章，未经博主允许不得转载。 https://blog.csdn.net/kellywong/article/details/79097119
一、script元素的几个重要的属性
1、src(可选)
表示包含要执行代码的外部文件。带有src 属性的script元素不应该在其<script></script>标签之间再包含额外的JavaScript 代码。如果包含了嵌入的代码，则只会下载并执行外部脚本文件，嵌入的代码会被忽略。
无论如何包含代码，只要不存在defer 和async 属性，浏览器都会按照<script></script>元素在页面中出现的先后顺序对它们依次进行解析,也就是阻塞执行。
2、async(可选)
由HTML5定义的，表示应该立即下载脚本，但不应妨碍页面中的其他操作，比如下载其他资源或等待加载其他脚本，标记为async 的脚本并不保证按照指定它们的先后顺序执行，因此，确保标记为async的脚本之间互不依赖非常重要，指定async 属性的目的是不让页面等待两个脚本下载和执行，从而异步加载页面其他内容。
为此，建议异步脚本不要在加载期间修改DOM。只对外部脚本文件有效。
3、defer(可选)
由HTML 4.01定义的，这个属性的用途是表明脚本在执行时不会影响页面的构造。也就是说，脚本会被延迟到整个页面都解析完毕后再运行。因此，在<script>元素中设置defer 属性，相当于告诉浏览器立即下载，但延迟执行。在现实当中，延迟脚本并不一定会按照顺序执行，也不一定会在DOMContentLoaded 事件触发
前执行，因此最好只包含一个延迟脚本。只对外部脚本文件有效。IE7 及更早版本对嵌入脚本也支持这个属性。