刚看到一篇文章：HTML 为什么在HTML中使用onClick()是不良实践的

onClick()

现代对于onClick()的看法

1. 不符合分离原则：将JavaScript代码嵌入HTML中违反了内容（HTML）、样式（CSS）和行为（JavaScript）分离的原则。
2. 维护困难：当事件处理逻辑变得复杂时，HTML文件会变得难以阅读和维护。
3. 作用域问题：在onClick()中定义的函数或代码片段可能遇到作用域链问题，尤其是当涉及到this关键字时。

addEventListener()

addEventListener() 是一个更加现代和灵活的方式来处理事件，与直接在 HTML 元素上使用 onClick 或其他类似属性相比更加灵活和受推崇。

最佳实践

1. 对于简单的交互，如表单提交或者不涉及复杂逻辑的按钮操作，使用onClick()是可以接受的。
2. 对于复杂的交互，建议使用addEventListener()方法来绑定事件，这样可以将JavaScript代码与HTML内容分离，提高代码的可读性和可维护性。
3. 避免在HTML中直接写入JavaScript，尤其是对于大型项目或者需要多人协作的项目，更应遵循这一原则。
4. 考虑事件委托：如果页面上有多个相似元素需要绑定相同的事件处理程序，可以使用事件委托来提高性能。