在HTML或Javascript中设置onclick的样式？

我有一个关于风格和最佳实践的问题

如果您有一个html页面，其中有许多按钮连接到函数，您是希望在按钮的输入标记内设置onclick函数，还是最好在Javascript中创建一个处理程序控制器，将onclick处理程序附加到每个按钮

*我忘了提到onclick将附加到对现有函数的调用。我并不是真的想在HTML中塞进匿名函数

我认为用Javascript完成这一切可以将Javascript与html分开，使我的html页面“更纯净”。此外，如果按钮分散在页面中，则控制器的所有处理程序都将位于一个位置

但我也想知道我是否会创建很多不必要的代码。我还认为，在我的html页面中设置onclick对其他程序员来说更容易理解，因为他们不必查找按钮绑定到哪些函数

---

您认为哪一个更可取？

将CSS、JS与HTML分离被认为是更好的做法

---

您仍然可以保留onclick函数，只需在单独的JS文件中创建它们。

将JS排除在标记之外是最佳做法。HTML是用于内容的。CSS用于外观。JS代表行为。将它们全部分开会使文档更具语义组织性

---

一旦您习惯了它，查看脚本中定义的事件处理程序就不难理解了。

将onclick处理程序放在html中有更高的内存泄漏风险。

关于避免内联JS，显然有一个共识。谢谢你的回答！我很高兴我问了！