答案：HTML中运行JavaScript函数可通过内联事件、页面加载触发、直接执行脚本或事件监听实现。1. 内联事件如onclick调用函数；2. onload在页面加载后运行；3. script标签内直接调用函数；4. addEventListener绑定事件，推荐使用，需确保DOM加载完成。
在HTML中运行JavaScript函数，通常是通过事件触发或页面加载时自动执行。不需要复杂的配置，只要把JavaScript代码正确嵌入页面，并绑定到相应操作即可。以下是几种常见的运行函数的方法。
1. 使用内联事件属性调用函数
可以直接在HTML标签中使用事件属性（如 onclick、onload、onchange 等）来调用JavaScript函数。
例如，点击按钮时运行函数：
<button onclick="myFunction()">点击我</button>
<script>
function myFunction() {
alert("函数已运行！");
}
</script>
2. 在页面加载时自动运行函数
使用 window.onload 或 <body> 的 onload 属性，可以在页面加载完成时自动执行函数。
立即学习“前端免费学习笔记（深入）”；
<body onload="initPage()">
<script>
function initPage() {
console.log("页面已加载，函数自动运行");
}
</script>
3. 通过 script 标签直接执行
如果函数不需要用户交互，可以直接写在 <script> 标签中，页面解析到该位置时会立即运行。
<script>
function sayHello() {
document.write("Hello！");
}
sayHello(); // 立即调用
</script>
4. 使用 addEventListener 绑定事件（推荐方式）
更现代和推荐的做法是将JavaScript与HTML分离，使用 addEventListener 来绑定事件。
<button id="btn">点击触发</button>
<script>
function showMessage() {
alert("通过事件监听运行函数");
}
document.getElementById("btn").addEventListener("click", showMessage);
</script>
这种方式结构清晰，便于维护，也避免了内联JavaScript带来的混乱。
基本上就这些方法。选择哪种方式取决于你的具体需求：简单测试可用内联，正式项目建议用事件监听。不复杂但容易忽略的是确保DOM加载完成后再绑定元素，否则可能获取不到节点。可以将脚本放在 body 底部或使用 DOMContentLoaded 事件来保证执行时机。
