在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>标签的尾部，以避免阻塞页面的加载。
