script标签使用async是如何被加载的

当使用`<script>`标签并设置`async`属性时，脚本将以异步方式加载和执行。异步加载脚本不会阻塞页面的渲染和加载过程，而是在后台并行下载脚本文件，同时继续解析和渲染页面的其他内容。

以下是`<script async>`的加载过程：

1. 浏览器遇到`<script async>`标签时，会开始异步下载脚本文件，同时继续解析HTML页面。

2. 一旦脚本文件下载完成，浏览器会中断HTML的解析，执行下载完成的脚本。

3. 如果有多个`<script async>`标签，它们的加载和执行顺序是不确定的。哪个脚本先下载完成就先执行哪个脚本。

4. 异步脚本执行完毕后，浏览器会恢复HTML的解析过程。

需要注意的是，异步加载的脚本与页面中的其他内容（包括其他脚本）之间的执行顺序是不确定的。如果异步脚本依赖于其他脚本或页面中的某些元素，需要进行适当的处理来确保它们之间的依赖关系正确。