JS异步加载脚本技巧分享

本文深入解析了JavaScript中异步加载脚本的三大核心方法——`async`属性（下载不阻塞HTML解析、完成后立即执行，适合无依赖的独立脚本）、`defer`属性（延迟至DOM解析完成但`DOMContentLoaded`前按顺序执行，保障依赖兼容性），以及动态创建`

异步加载脚本在JavaScript中主要通过使用

async属性告诉浏览器在下载脚本的同时继续解析HTML文档，一旦脚本下载完成，浏览器会立即执行脚本。defer属性则表示脚本应该在文档解析完成后执行，但会在DOMContentLoaded事件之前执行。

使用async和defer的优点是它们非常简单易用，适合大多数情况。然而，它们也有局限性。比如，async脚本的执行顺序是不可预测的，这可能导致依赖问题。而defer脚本虽然保证了执行顺序，但如果脚本很多，可能会延迟页面交互。

因此，在某些情况下，我们可能需要更灵活的控制，这时可以通过JavaScript动态创建