HTML <script> 脚本的 async 与 defer 属性及不同属性的运行时机与 DOMContentLoaded 事件的关系

浏览器对于带有 async, defer 属性与不携带属性的 <script> 脚本有不同的行为。它们可以分别翻译为：异步脚本，延迟脚本与同步（阻塞）脚本。对于模块脚本，默认是 defer 的行为，它也能设置 async，以更改浏览器的处理方式。同步脚本不带 async 与 defer 属性