本文详细解析JavaScript中动态绑定onclick事件的两种场景。针对无参方法，可直接赋值函数名；针对有参方法，必须通过匿名函数包裹调用，否则会导致执行错误。文章提供了具体的代码示例，帮助开发者避免常见的参数传递陷阱。
无参函数的直接绑定
当绑定的目标函数不需要接收任何参数时，可以直接将函数名赋值给元素的onclick属性。这种写法简洁明了，适用于简单的点击交互场景。
window.onload = function() {
$('btnTest').onclick = test;
}
function test() {
alert(val);
}有参函数的正确调用方式
如果目标函数需要接收参数，直接赋值函数名并尝试在赋值语句中传入参数（如 onclick = test(1)）会导致语法错误或逻辑错误。正确的做法是在onclick属性中定义一个匿名函数，并在该匿名函数内部调用目标函数并传入所需参数。
window.onload = function() {
$('btnTest').onclick= function() { test(1) };
}
function test(val) {
alert(val);
}