内联onclick属性需写可执行js表达式（如onclick="alert('hello')"），不加括号仅引用函数；addeventlistener更灵活，需dom加载后绑定且传函数引用；type="button"不可省略，否则默认submit导致意外提交；disabled元素现代浏览器不触发click，但逻辑中仍需手动校验。
onclick属性直接绑定函数调用最常用
HTML中<input type="button">最轻量的事件绑定方式就是内联onclick属性，适合简单交互，比如点击弹窗或触发表单校验。
注意：写法必须是可执行的JS表达式，不是函数名本身；带括号才表示调用，不带括号只是引用。
-
<input type="button" value="点我" onclick="alert('Hello')">✅ 正确，立即执行 -
<input type="button" value="点我" onclick="handleClick">❌ 错误，没加()，不会调用 -
<input type="button" value="点我" onclick="handleClick()">✅ 正确，前提是handleClick已声明在全局作用域
addEventListener更灵活，推荐用于复杂逻辑
如果按钮需要动态创建、多次绑定、或要避免全局污染，必须用addEventListener。它支持同一事件绑定多个处理函数，且能控制捕获/冒泡阶段。
关键点：必须等DOM加载完成后再绑定，否则getElementById返回null，调用addEventListener会报Cannot read property 'addEventListener' of null。
- 把JS脚本放在
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
