HTML引入JavaScript的三种方式：

1. 内联脚本

内联脚本是将JavaScript代码直接嵌入到HTML文件中的一种方式。在HTML文件的`

```

这种方式的优点是简单、快速，适用于一些简单的脚本。但是，它也有一些缺点。首先，内联脚本会增加HTML文件的大小，降低网页的加载速度。其次，内联脚本与HTML文件混合在一起，不利于代码的管理和维护。

2. 外部脚本

外部脚本是将JavaScript代码单独放在一个外部文件中，然后通过`

外部脚本

```

在这个例子中，`script.js`是一个外部JavaScript文件，它包含了JavaScript代码。通过`

延迟加载

```

在这个例子中，`script1.js`和`script2.js`是两个外部脚本文件，它们都带有`defer`属性。在HTML文件加载和解析完毕后，`script1.js`和`script2.js`会按照它们在HTML文件中的顺序依次加载和执行。

`async`属性用于异步加载脚本，即脚本的加载和执行与HTML文件的解析是并行进行的。多个带有`async`属性的脚本文件会根据加载完成的先后顺序，尽快执行。例如：

```html

异步加载

```

在这个例子中，`script1.js`和`script2.js`是两个外部脚本文件，它们都带有`async`属性。在HTML文件加载和解析的过程中，`script1.js`和`script2.js`会异步加载并执行。

延迟加载和异步加载主要用于改善页面的加载性能。在使用延迟加载和异步加载时，需要小心处理脚本之间的依赖关系和执行顺序，确保页面的功能正常。

总结：

HTML引入JavaScript的三种方式包括内联脚本、外部脚本的同步加载和外部脚本的延迟加载和异步加载。根据实际需求和场景，选择合适的方式来引入和使用JavaScript代码。