在HTML中导入外部JavaScript (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文件，都需要对代码的位置和加载时机有所了解，以确保页面的正确显示和交互功能的正常工作。
原创文章，作者：未希，如若转载，请注明出处：https://www.kdun.com/ask/398769.html
微信扫一扫