要在HTML文档中引入JavaScript，可以使用`<script>`标签。这个标签可以放在HTML文档的`
`部分或``部分。以下是几种引入JavaScript的方式：1. **内联脚本（Inline Script）**: 直接在`<script>`标签中编写JavaScript代码。这种方式适用于简单的脚本或者只需要在特定页面运行的代码。
```html
<script>
// 你的JavaScript代码
console.log("Hello, World!");
</script>
```
2. **外部脚本（External Script）**: 通过`src`属性引入外部JavaScript文件。这种方式适用于代码量较大或需要在多个页面中重复使用的脚本。
```html
<script src="path_to_your_script.js"></script>
```
这里，`path_to_your_script.js`是你的JavaScript文件的路径。这种方式更便于管理和维护代码。
3. **异步加载（Async）**: 使用`async`属性可以让浏览器在后台异步加载脚本，这不会阻止页面的渲染。这对于加载可能会影响页面加载速度的脚本很有用。
```html
<script async src="path_to_your_script.js"></script>
```
请注意，由于脚本是异步加载的，所以脚本中的代码执行顺序可能与它们在文件中的顺序不同。
4. **延迟加载（Defer）**: 使用`defer`属性可以让浏览器延迟执行脚本，直到文档完全解析完毕。这对于优化页面加载速度很有帮助，特别是在网络速度慢的情况下。这种方式特别适用于需要在文档完全加载后运行的脚本。
```html
<script defer src="path_to_your_script.js"></script>
```
与异步加载不同，延迟加载的脚本会按照它们在文件中的顺序执行。这也意味着它们会在DOM解析完成后立即执行。
根据你的需求和场景选择适合的引入方式。通常，对于大型项目或需要复用代码的情境，推荐使用外部脚本的方式。对于小型脚本或对页面加载速度有严格要求的场景，可以考虑使用异步或延迟加载的方式。