JavaScript中onclick事件传参的两种实现方式

无参方法的直接赋值

第一种情况是目标方法不需要接收任何参数。此时，可以直接将函数名赋值给元素的onclick属性，无需额外包装。

window.onload = function() {
$('btnTest').onclick = test;
  }
function test() {
alert(val);
  }

有参方法的匿名函数包裹

第二种情况涉及需要传递参数的方法。如果直接写成 onclick = 方法名(参数)的形式，会导致立即执行而非绑定事件，从而产生错误。正确的做法是在函数名前添加一个匿名函数包裹器。

window.onload = function() {
$('btnTest').onclick = function() { test(1) };
  }
function test(val) {
alert(val);
  }