script标签中defer和async的区别
时间: 2023-04-26 15:05:34 浏览: 151
JS中script标签defer和async属性的区别详解
defer和async都是用于异步加载script标签中的脚本文件的属性,它们的区别在于执行的时间不同。
defer属性表示延迟执行脚本,即在HTML文档解析完毕后再执行脚本,但在DOMContentLoaded事件之前执行。如果有多个defer脚本,它们会按照在HTML文档中的顺序依次执行。
async属性表示异步执行脚本,即在HTML文档解析的同时执行脚本,不会阻塞HTML文档的解析和渲染。如果有多个async脚本,它们的执行顺序是不确定的。
因此,如果脚本之间有依赖关系,应该使用defer属性,如果脚本之间没有依赖关系,且需要尽快执行,可以使用async属性。
阅读全文