html引入外部js文件的方法

在HTML中引入外部JavaScript文件有几种方法，下面将详细介绍每种方法的使用。

方法一：使用`

```

上面的代码会将`script.js`文件引入到HTML文档中。要注意的是，需要确保`script.js`文件与HTML文档在相同的目录下，或者使用正确的相对路径指定文件的位置。

这种方法的优点是简单和易于理解，也容易维护。但是，要注意使用`

```

这样，脚本文件会在HTML文档解析完毕后被执行，不会阻塞页面的渲染。但是，要注意使用`defer`属性时，脚本文件的加载和解析仍然会阻塞后续脚本的加载和执行。

方法三：使用async属性异步加载脚本

为了进一步提高页面加载的性能，可以使用`async`属性异步加载脚本。这个属性告诉浏览器在脚本文件加载完毕后立即执行脚本，而不管HTML文档是否解析完毕。例如：

```html

```

这样，脚本文件会在加载完毕后立即执行，不会阻塞页面的渲染。并且，如果有多个脚本文件需要加载，它们会并行加载，并且在加载完毕后按照它们在HTML文档中的顺序执行。但是，要注意使用`async`属性时，脚本文件的执行可能会在HTML文档解析完毕之前开始，这可能会导致一些问题。

方法四：使用动态创建`

```

上面的代码会在页面加载完成后动态创建一个`