在网页开发中，JavaScript是一种常用的脚本语言，用于实现网页的交互功能，HTML外部JS引入是指将JavaScript代码写在一个单独的文件中，然后在HTML文件中通过特定的标签将其引入，这种方式可以使代码更加清晰、易于维护和复用，本文将详细介绍HTML外部JS引入的方法和注意事项。
HTML外部JS引入方法
1、使用<script>标签引入
在HTML文件中，可以使用<script>标签来引入外部的JavaScript文件。<script>标签可以放在<head>标签内或者<body>标签内，当浏览器解析到<script>标签时，会停止HTML解析，等待JavaScript代码执行完毕后再继续解析HTML。
示例代码：
<!-引入外部JavaScript文件 --> <script src="myScript.js"></script>
2、使用async和defer属性
为了提高页面加载速度，可以在<script>标签中添加async和defer属性，这两个属性表示浏览器在执行JavaScript代码时的行为。
async：表示异步执行JavaScript代码，即在下载JavaScript文件时不阻塞页面的渲染，一旦下载完成，立即执行JavaScript代码，多个带有async属性的<script>标签按顺序执行。
示例代码：
<!-异步执行JavaScript文件 --> <script async src="myScript.js"></script>
defer：表示延迟执行JavaScript代码，即在下载JavaScript文件时不阻塞页面的渲染，当页面解析完成后，按照文档流的顺序执行JavaScript代码，多个带有defer属性的<script>标签按顺序执行。
示例代码：
<!-延迟执行JavaScript文件 --> <script defer src="myScript.js"></script>
注意事项
1、确保JavaScript文件的路径正确，如果JavaScript文件与HTML文件不在同一目录下，需要使用相对路径或绝对路径指定文件位置。
<!-相对路径 --> <script src="js/myScript.js"></script> <!-绝对路径 --> <script src="/path/to/myScript.js"></script>
2、避免重复引入相同的JavaScript文件，如果一个JavaScript文件被多次引入，可能会导致代码重复执行，影响性能，可以使用浏览器的开发者工具查看已加载的JavaScript文件，确保每个文件只被引入一次。
3、注意JavaScript代码的执行顺序，由于浏览器默认按顺序执行带有async和defer属性的<script>标签，因此需要注意代码的执行顺序，如果有依赖关系，可以使用回调函数或者Promise来确保代码按预期顺序执行。
相关问题与解答
问题1：如何在HTML文件中同时引入多个外部JavaScript文件？
答：可以在HTML文件中使用多个<script>标签来引入多个外部JavaScript文件。
<!-引入外部JavaScript文件1 --> <script src="myScript1.js"></script> <!-引入外部JavaScript文件2 --> <script src="myScript2.js"></script>
问题2：如何在HTML文件中引入外部CSS文件？
答：在HTML文件中引入外部CSS文件的方法与引入外部JavaScript文件类似，也是使用<link>标签。
<!-引入外部CSS文件 --> <link rel="stylesheet" href="myStyle.css">
