答案：HTML中调用JavaScript函数主要有事件触发和直接执行两种方式。1. 通过onclick等事件属性在用户操作时调用函数；2. 使用window.onload或脚本内直接调用实现页面加载时执行；3. 表单事件如oninput用于实时验证；4. 推荐使用addEventListener实现逻辑解耦，提升代码可维护性。
在HTML中调用JavaScript函数，主要有两种方式：通过事件触发和直接执行。下面详细介绍常见方法及使用场景。
1. 通过事件调用函数
这是最常见的方式，用户在页面上进行操作（如点击、鼠标移入、输入等）时触发函数执行。
常用事件包括：onclick、onmouseover、onchange、onsubmit 等。
示例：
立即学习“Java免费学习笔记（深入）”；
说明：当用户点击按钮时，myFunction() 被调用。
2. 页面加载时直接调用函数
如果希望页面一加载就执行某个函数，可以使用 window.onload 或在 标签中直接调用。
示例1：使用 onload
示例2：直接在脚本中调用
3. 表单相关事件调用
表单元素常配合事件使用函数，例如验证输入或提交数据。
示例：
立即学习“Java免费学习笔记（深入）”；
4. 使用 addEventListener（推荐现代写法）
更清晰的分离HTML与JavaScript逻辑，避免内联事件。
示例：
立即学习“Java免费学习笔记（深入）”；
优点：结构清晰，便于维护，支持多个监听器。
基本上就这些。根据实际需求选择合适的方式。内联事件适合简单场景，复杂项目建议用 addEventListener 解耦逻辑。不复杂但容易忽略细节。
