HTML 中连接到 JavaScript 的方法有三种：直接内嵌，使用外部脚本文件，或使用事件处理程序。内嵌适用于简单脚本，外部文件适用于较长或重用脚本，而事件处理程序响应用户交互。
如何使用 HTML 连接到 JavaScript
在 HTML 中连接到 JavaScript 有多种方法，最常见的方法包括：
直接在 HTML 中内嵌脚本
<code class="html"><script> // JavaScript 代码 </script></code>
使用外部脚本文件
立即学习“前端免费学习笔记（深入）”；
<code class="html"><script src="script.js"></script></code>
使用事件处理程序
<code class="html"><button onclick="handleClick()">点击我</button>
<script>
function handleClick() {
// JavaScript 代码
}
</script></code>其中：
-
<script>标签是 JavaScript 代码的容器。 -
src属性指定要引用的外部脚本文件的路径。 -
onclick属性指定在用户单击按钮时触发的 JavaScript 函数。
选择哪种方法取决于您的需要：
- 内嵌脚本：适用于简单的脚本，不需要外部文件。
- 外部脚本文件：适用于较大的或需要重用的脚本。
- 事件处理程序：用于响应用户交互（例如单击、鼠标悬停）的脚本。
范例：
内嵌脚本：
<code class="html"><script>
console.log("你好，世界！");
</script></code>外部脚本文件：
-
script.js文件：
<code class="javascript">function greet() {
console.log("你好，世界！");
}</code>-
index.html文件：
<code class="html"><script src="script.js"></script> <button onclick="greet()">点击我</button></code>
事件处理程序：
<code class="html"><button onclick="alert('你好！')">点击我</button></code> 
