javascript - “异步延迟”一起使用时有什么作用？

Question

我遇到了以下代码：

<script src="foo.js" async defer>

我知道这<script async...>将下载脚本，然后解析它暂停 HTML 解析。我也知道<script defer...>在解析完所有 HTML 后会下载脚本并解析。

做什么<script async defer...>（例如 async 和 defer 一起使用）？

标签： javascript

Answer 1

如果同时指定两者，async则在现代浏览器上优先，而支持defer但不支持的旧浏览器async将回退到defer.

对于支持表，caniuse.com检查async和defer。

---

P/s：这些属性只有在页面部分使用脚本时才有意义，如果将脚本放在页脚head中，它们就没有用了。body