window.onload와 $(document).ready()_javascript 스킬의 차이점 분석

이 기사의 예에서는 window.onload와 $(document).ready()의 차이점을 설명합니다. 참고할 수 있도록 모든 사람과 공유하세요. 구체적인 분석은 다음과 같습니다.

window.onload는 Javascript의 함수입니다. 즉, 웹페이지의 모든 콘텐츠(이미지 포함)가 로드될 때까지 기다립니다.
$(documetn).ready()는 웹 페이지의 모든 DOM 구조가 그려진 후에 실행될 수 있습니다. 로드되지 않은 DOM과 관련된 요소가 있을 수 있으므로 비교하면 더 빠릅니다.

예를 들어 간단한 예를 들어보겠습니다.

window.onload=function(){
  alert('I am No.1');
};
window.onload=function(){
 alert('I am No.2');
}

위의 의미에 따르면 결과는 "I am No.2"만 출력할 수 있습니다

을 다음으로 교체:

$(document).ready(function(){
alert('I am No.1');
});
$(document).ready(function(){
alert('I am No.2');
});

결과 출력 나는 1위 ,나는 2위

이 기사가 모든 사람의 JavaScript 프로그래밍 설계에 도움이 되기를 바랍니다.