HTML 通过两种方法调用 JavaScript：使用带 src 属性的 <script> 标签嵌入外部 JavaScript 文件。使用不带 src 属性的 <script> 标签直接内嵌 JavaScript 代码。

如何用 HTML 调用 JavaScript

HTML5 引入了直接嵌入 JavaScript 代码到 HTML 文档中的方式，有以下两种方法：

1. 使用 <script> 标签

最常见的方法是使用带 src 属性的 <script> 标签，它指定要嵌入的外部 JavaScript 文件路径：

立即学习“前端免费学习笔记（深入）”；

<code class="html"><script src="script.js"></script></code>

如果需要直接在页面中内嵌 JavaScript 代码，可以使用不带 src 属性的 <script> 标签：

<code class="html"><script>
  // JavaScript 代码
</script></code>

2. 使用内联事件处理程序

HTML 元素还支持内联事件处理程序，允许在元素上定义 JavaScript 函数：

<code class="html"><button onclick="alert('点击了！')">点击</button></code>

使用方法

调用 HTML 中嵌入的 JavaScript 代码的方式如下：

• <script> 标签：当浏览器解析 HTML 文档时，它会自动执行 <script> 标签中引用的 JavaScript 代码。
• 内联事件处理程序：当用户触发指定事件（如点击）时，元素上的 JavaScript 函数将被执行。

注意事项

• 顺序：JavaScript 代码按顺序执行，因此确保将 <script> 标签或内联事件处理程序放置在正确的位置。
• 全局变量：在 HTML 中内嵌 JavaScript 代码时，请注意它会创建全局变量，这可能会与其他脚本冲突。
• 最佳实践：建议使用外部 JavaScript 文件，而不是内嵌代码，以增强可维护性和可重用性。