script async和defer的区别

async 和 defer 都是用于异步加载 JavaScript 的属性。

async 表示该脚本在加载时不阻塞页面渲染，而是异步加载，当脚本加载完成后立即执行。多个 async 属性的脚本加载和运行顺序是不确定的。

defer 属性也表示该脚本在加载时不阻塞页面渲染，但是会在文档解析完毕后按照顺序依次执行。因此多个 defer 属性的脚本按照它们在文档中出现的顺序加载和运行。

总的来说，async 适用于不需要等待其他资源就能立即执行的脚本，而 defer 适用于需要在文档解析完毕后才能执行的脚本，且需要按照顺序执行。

相关问题

script标签中defer和async的区别

defer和async都是用于异步加载script标签中的脚本文件的属性，它们的区别在于执行的时间不同。

defer属性表示延迟执行脚本，即在HTML文档解析完毕后再执行脚本，但在DOMContentLoaded事件之前执行。如果有多个defer脚本，它们会按照在HTML文档中的顺序依次执行。

async属性表示异步执行脚本，即在HTML文档解析的同时执行脚本，不会阻塞HTML文档的解析和渲染。如果有多个async脚本，它们的执行顺序是不确定的。

因此，如果脚本之间有依赖关系，应该使用defer属性，如果脚本之间没有依赖关系，且需要尽快执行，可以使用async属性。

script标签中defer和async

defer和async都是script标签中的属性，用于控制脚本的加载和执行。

defer属性表示延迟执行脚本，即在HTML文档解析完成后再执行脚本。defer属性只对外部脚本有效，内部脚本会忽略该属性。如果有多个defer脚本，它们会按照在HTML文档中的顺序依次执行。

async属性表示异步执行脚本，即在HTML文档解析过程中，脚本会被异步加载并执行，不会阻塞HTML文档的解析。如果有多个async脚本，它们会在加载完成后立即执行，执行顺序不确定。

总的来说，defer适用于需要按照顺序执行的脚本，而async适用于不需要按照顺序执行的脚本。