javascript - 警报 ("Hi!") 和 function(){警报 ("Hi!")} 之间的区别

Question

这个问题已经有答案了:

What is the difference between a function call and function reference? (6 个回答)

已关闭 7 年前。

当我们在按钮中执行内联命令时:

<button id="myButton" onclick="alert('Hi!')"> 

为什么

document.getElementById("myButton").onclick = alert('Hi!') 

不工作但在页面加载时发出警报？我不明白它如何与 function() 一起使用添加到其中并且没有 function() 。我希望你们能理解我的问题。我在这里遗漏了一些东西。

Answer 1

document.getElementById("myButton").onclick = alert('Hi!')

是错误的，因为 onclick 应该分配给函数引用，而不是函数调用结果本身。

当页面加载时，它会执行 alert('Hi!') 但这不是这里的意图，不是吗？分配 onclick 处理程序的目的是确保单击按钮时将执行此警报。

要实现这一点，应该是:

document.getElementById("myButton").onclick = function(){alert('Hi!')};

此外，除非将其包装在 window.onload 事件中，否则这将不起作用:

window.onload = function(){
    document.getElementById("myButton").onclick = function(){alert('Hi!')};
};