jQuery 中的 window.onload

Question

我已经使用了 sizzle 的示例，并且我在最后的代码中得到了 window.onload。

这是什么意思。

我的代码是这样的：

var init = function () {
    var trail = Sizzle;
    var foo = trail('.foo');
    foo[0].onmouseover = function () {
        this.style.backgroundColor = (this.style.backgroundColor.indexOf('blue') === 0) ? 'yellow' : 'blue';
    };
    foo[1].onmouseover = function () {
        this.style.backgroundColor = (this.style.backgroundColor.indexOf('red') === 0) ? 'yellow' : 'red';
        jQuery(foo[1]).after("<b>Hello</b>");
    }
    foo[2].onmouseover = function () {
        this.style.backgroundColor = (this.style.backgroundColor.indexOf('green') === 0) ? 'yellow' : 'green';
        jQuery(foo[3]).toggle("slow");
        jQuery('b').remove();
    }
};
window.onload = init;

这是什么意思？

Answer 1

表示您正在设置init 函数来处理文档的onload 事件。 init函数会在页面所有内容加载完毕后调用。

当您使用 jQuery 时，您应该改用 jQuery 事件。 DOM 事件只能有一个处理程序（除非您编写代码来链接处理程序），但 jQuery 事件可以有多个处理程序：

$(document).load(init);

如果页面中有多个脚本使用onload 事件，则一个将替换另一个。即使您使用 jQuery 事件，连接 DOM 事件的脚本也会接管 jQuery 事件处理程序，例如 this question。在所有脚本中使用 jQuery 事件可以解决这个问题。

Answer 2

这意味着在加载窗口时，function init 将被执行。