动态加载js的方法汇总

在现代web开发中，JavaScript的动态加载变得越来越重要。它不仅可以提高网页性能，还能提升用户体验。本文将介绍几种常见的动态加载JavaScript的技巧，并实例汇总，供朋友们参考。

一、使用`

```

二、使用`import()`语法（动态导入模块）

现代JavaScript的模块系统提供了动态导入模块的功能，可以使用`import()`语法动态加载和执行模块。这对于按需加载和代码分割非常有用。示例代码如下：

```javascript

import(/webpackChunkName: "my-chunk"/ './myModule').then(({ default: module }) => {

// 使用模块内容

});

```

三、使用事件监听动态加载脚本

可以通过监听某些事件（如页面加载完成事件），然后动态添加`