HTML 的 script 标签中 defer 和 async 有什么区别？

defer 和 async 属性用于控制脚本的加载和执行 ，都是异步加载外部的 JS 脚本文件，两者都不会阻塞 HTML 的解析。

主要区别

1）执行顺序：defer 保证脚本按照在 HTML 中出现的顺序执行，一般是在 HTML 解析完成后才执行。 而 async 则是谁先下载完成谁先执行， async 可能会阻断解析以执行脚本。

2）适用场景：async 适合 不依赖于其他脚本 且 不被其他脚本依赖 的独立模块，例如：计数器或广告加载。
而 defer 适用于需要在 HTML 完全解析后才能运行的 JS 脚本，尤其是依赖于 DOM 的 JS 脚本。它保证了脚本执行的顺序性和依赖关系，适合用于包含多个脚本的页面。