javascript - 与 window.onload 混淆

Question

我只是从一本书中复制粘贴了这段内容:

window.onload = init;
function init() {
var button = document.getElementById("addButton");
button.onclick = handleButtonClick();
}
function handleButtonClick() {
alert("Button has been clicked");
}

问题是当我加载页面时出现警告，而不是当我点击按钮时出现。有人知道为什么吗？

Answer 1

改变

button.onclick = handleButtonClick();

到

button.onclick = handleButtonClick;

(没有 ()。)

您的原始行 button.onclick = handleButtonClick(); 调用 handleButtonClick 函数，然后将其返回值分配给 按钮.onclick。完全一样

var a = foo();

...调用 foo 然后将其返回值分配给 a。

您不想那样做，您只想将函数 reference 分配给 onclick。因此，您可以通过名称引用函数，而不调用它(因此，没有 ())。