在HTML文件中引入JavaScript文件可以使用<script>标签。以下是几种常见的引入方式：
<head>标签中使用<script>标签将JavaScript代码直接嵌入HTML文件中。<!DOCTYPE html>
<html>
<head>
<script>
// JavaScript代码
</script>
</head>
<body>
...
</body>
</html>
src属性引入外部的JavaScript文件。src属性指定JavaScript文件的路径。<!DOCTYPE html>
<html>
<head>
<script src="path/to/script.js"></script>
</head>
<body>
...
</body>
</html>
<script>标签上设置defer属性，使得浏览器延迟加载JavaScript文件，直到文档解析完毕后再执行。<!DOCTYPE html>
<html>
<head>
<script src="path/to/script.js" defer></script>
</head>
<body>
...
</body>
</html>
<script>标签上设置async属性，使得浏览器异步加载JavaScript文件，加载完成后立即执行。注意，异步加载的JavaScript文件的执行顺序不一定与它们在HTML文件中的顺序相同。<!DOCTYPE html>
<html>
<head>
<script src="path/to/script.js" async></script>
</head>
<body>
...
</body>
</html>
注意：在引入JavaScript文件时，应该将<script>标签放在<head>标签的内部或<body>标签的尾部，以避免阻塞页面的加载。
