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

これは、ウィンドウのロード時にfunction initが実行されることを意味します。

Answer 2

これは、ドキュメントのonloadイベントを処理するようにinit関数を設定していることを意味します。 init関数は、ページ内のすべてのコンテンツが読み込まれたときに呼び出されます。

jQueryを使用しているので、代わりにjQueryイベントを使用する必要があります。 DOMイベントは（あなたがチェーンにハンドラをコードを書く場合を除き）1つのハンドラを持つことができますが、jQueryのイベントは、複数のハンドラを持つことができます。

$(document).load(init); 

あなたがonloadイベントを使用するページに複数のスクリプトを使用している場合一方は他方を置き換える。 jQueryイベントを使用しても、DOMイベントをフックするスクリプトがthis questionのようにjQueryイベントハンドラーを引き継ぎます。すべてのスクリプトでjQueryイベントを使用することでそれが解決されます。