在HTML中导入外部JavaScript (JS) 文件的方法主要有两种方式，具体如下：

如何在html导入js文件如何在html导入js文件（图片来源网络，侵删）

直接在<script>标签中编写JavaScript代码：这种方式适用于代码量较小且不打算复用的情况，只需在HTML文件中找到合适的位置，通常是<head>标签内或者<body>标签的底部，然后使用<script>标签包裹JavaScript代码即可。

<!DOCTYPE html>
<html>
<head>
    <title>内嵌JavaScript示例</title>
    <script>
    alert('这是内嵌的JavaScript代码');
    </script>
</head>
<body>
    <h1>欢迎来到我的网站</h1>
</body>
</html>

通过src属性引入外部JavaScript脚本文件：当需要使用较为复杂或可重用的JavaScript代码时，通常会将其写入一个外部文件中，然后在HTML中使用<script>标签的src属性来引入该文件，以下是详细步骤：

创建JS文件：首先创建一个文本文件，例如命名为example.js，并编写所需的JavaScript代码。

在HTML中引用JS文件：在HTML文件中，找到合适的位置，通常也是<head>标签内或者<body>标签的底部，使用<script>标签并通过src属性指定外部JS文件的路径，如果example.js与HTML文件位于同一目录下，可以这样写：

“`html

<!DOCTYPE html>

<html>

<head>

<title>导入外部JavaScript文件</title>

<script src="example.js"></script>

</head>

<body>

<h1>导入外部文件示例</h1>

<!在这里可以使用导入的JavaScript代码 >

</body>

</html>

“`

注意事项：确保外部JavaScript文件的路径正确，如果JS文件位于子文件夹中，则需要使用相对路径，如src="scripts/example.js"，可以在一个HTML文件中导入多个外部JavaScript文件，只需为每个文件添加一个新的<script>标签。

无论是直接在HTML中编写JavaScript代码还是导入外部JS文件，都需要对代码的位置和加载时机有所了解，以确保页面的正确显示和交互功能的正常工作。

声明：本站所有文章，如无特殊说明或标注，均为本站原创发布。任何个人或组织，在未征得本站同意时，禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益，可联系我们进行处理。