window.onload = init(); 和有什么区别和 window.onload = init;

Question

根据我收集的信息，前者将函数返回语句的实际值分配给 onload 属性，而后者分配实际函数，并将在窗口加载后运行。但我还是不确定。感谢任何可以详细说明的人。

Answer 1

window.onload = init();

将 onload 事件分配给执行 init 函数时返回的任何内容。 init 将立即执行（例如，现在，不是当窗口加载完成时执行）和结果将被分配给window.onload。您不太可能想要这样，但以下内容是有效的：

function init() {
   var world = "World!";
   return function () {
      alert("Hello " + world);
   };
}

window.onload = init();

---

window.onload = init;

将 onload 事件分配给函数 init。当 onload 事件触发时，init 函数将被运行。

function init() {
   var world = "World!";
   alert("Hello " + world);
}

window.onload = init;

Answer 2

window.onload = foo;

将 foo 的值赋给 window 对象的 onload 属性。

window.onload = foo();

将调用 foo() 返回的值赋给 window 对象的 onload 属性。该值是否来自 return 语句取决于 foo，但它返回一个函数（需要 return 语句）是有意义的。

当load事件发生时，如果window.onload的值是一个函数引用，那么window的事件处理程序将调用它。

Answer 3

好的答案，还需要补充一件事：

浏览器运行时忽略设置为 DOM 事件（例如 window.onload）的非对象（字符串、数字、true、false、未定义、null、NaN）值。因此，如果您编写 window.onload = 10 或任何上述值类型（包括混合 string），事件将保持 null 。

更有趣的是，事件处理程序将获取任何对象类型值，即使 window.onload = new Date 是一个非常有效的代码，当您记录 window.onload 时，它会提示当前日期。 :) 但当 window.load 事件触发时，肯定不会发生任何事情。

因此，请始终为 JavaScript 中的任何事件分配一个函数。