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 이벤트는 하나의 핸들러를 가질 수 있지만, jQuery를 이벤트는 여러 핸들러를 가질 수 있습니다 : 당신이 페이지에 하나 이상의 스크립트가있는 경우

$(document).load(init); 

가 onload 이벤트를 사용하는 , 하나는 다른 것을 대체 할 것입니다. jQuery 이벤트를 사용하더라도 DOM 이벤트를 연결하는 스크립트가 this question과 같이 jQuery 이벤트 핸들러를 인계받습니다. 모든 스크립트에서 jQuery 이벤트를 사용하면이를 해결할 수 있습니다.