JS延迟脚本与异步脚本的区别与联系

联系

1. 都是在script标签中定义的属性，分别用来代表延迟加载（defer）和异步加载（async）脚本文件
2. 都用于改变处理外部脚本文件的行为

区别

1. async 表示异步加载脚本，即立即下载脚本，但不妨碍页面中的其他操作
2. defer 表示脚本延迟到文档完全被解析和显示之后再执行
3. 根据HTML5标准，defer延迟脚本会根据出现的先后顺序执行，async则不会

		<!-- 异步加载 -->
		<script src="async.js" async="async"></script>
		
		<!-- 延迟加载 -->
		<script src="defer.js" defer="defer"></script>