搬瓦工中文网
在HTML中引入外部JavaScript文件有两种常用的方法：
- 使用
<script>标签：在HTML文件中使用<script>标签来引入外部JavaScript文件。通过在<script>标签中设置src属性，指定外部JavaScript文件的URL。例如：
<script src="script.js"></script>
上述代码将会把名为script.js的外部JavaScript文件引入到当前HTML文件中，并在浏览器解析到该标签时执行该JavaScript文件。
- 使用
defer或async属性：<script>标签还可以添加defer或async属性，用于控制外部JavaScript文件的加载和执行方式。
defer属性：表示延迟加载脚本，即在DOM解析完成后再执行脚本。多个带有defer属性的外部JavaScript文件会按照顺序依次执行，且在DOMContentLoaded事件触发前执行。例如：
<script src="script.js" defer></script>
async属性：表示异步加载脚本，即在脚本下载过程中不会阻塞HTML文档的解析，一旦下载完成，立即执行脚本。多个带有async属性的外部JavaScript文件的执行顺序是不确定的。例如：
<script src="script.js" async></script>
需要注意的是，当使用<script>标签引入外部JavaScript文件时，通常放置在HTML文件的<body>结束标签前或<head>标签内。将脚本放在页面底部可以避免阻塞页面渲染，提高页面加载速度；而放在头部可以确保脚本在使用之前已经加载完成。
综上所述，以上两种方法都可以用于引入外部JavaScript文件，具体选择哪种方法取决于项目需求和优化策略。
