便宜VPS测评
在 HTML 中，可以通过 <script> 标签来引入 JavaScript 文件。以下是一个基本的示例：
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>引入外部 JS 文件</title>
<script src="script.js"></script>
</head>
<body>
<h1>Hello World</h1>
</body>
</html>
在上面的代码中，我们通过 <script> 标签引入了名为 script.js 的外部 JavaScript 文件。浏览器会在加载该 HTML 页面时自动下载并执行该文件。
需要注意的是，如果要在 HTML 页面中使用外部 JavaScript 文件中定义的函数或变量，需要确保该文件已被成功加载和执行。一般情况下，在引入 JavaScript 文件的 <script> 标签后，可以等待 DOMContentLoaded 或 load 事件触发后再操作 DOM 或调用相应的函数。例如：
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>引入外部 JS 文件</title>
<script src="script.js"></script>
<script>
document.addEventListener('DOMContentLoaded', function() {
// 在 DOM 加载完成后调用 foo 函数
foo();
});
</script>
</head>
<body>
<h1>Hello World</h1>
</body>
</html>
在上面的代码中，我们通过监听 DOMContentLoaded 事件，在页面 DOM 结构加载完成后调用了 foo() 函数。
