jquery에서 준비 이벤트와 로드 이벤트 중 어느 것이 먼저 실행되나요?

Ready와 Load 중 어느 것이 먼저 실행되나요? 이제 막 jquery를 접하게 된 많은 친구들이 이런 질문을 할 것이라고 믿습니다. 이 장에서는 jquery에서 Ready 이벤트와 Load 이벤트 중 누가 먼저 실행되는지 소개합니다. 도움이 필요한 친구들이 참고할 수 있기를 바랍니다.

Ready 또는 Load 중 어느 것이 먼저 실행되는지:

인터뷰 과정에서 우리는 종종 다음과 같은 질문을 받습니다. Ready 또는 Load 중 어느 것이 먼저 실행되고, 어느 것이 마지막으로 실행됩니까? 대답은 Ready가 먼저 실행되고 load가 나중에 실행된다는 것입니다.

DOM 문서 로딩 단계:

ready가 먼저 실행되고 로드가 나중에 실행되는 이유를 이해하려면 DOM 문서 로딩 단계를 이해해야 합니다.

(1) HTML 구조를 구문 분석합니다.

(2) 외부 스크립트 및 스타일시트 파일을 로드합니다.

(3) 스크립트 코드를 구문 분석하고 실행합니다.

(4) HTML DOM 모델을 구성합니다. //ready

(5) 이미지 등 외부 파일을 로드합니다.

(6) 페이지가 로드되었습니다. //load

ready는 [4단계]가 완료된 후 실행을 시작하고, load는 [6단계]가 완료된 후 실행을 시작하는 문서의 실행 단계로 알 수 있습니다.

ready 이벤트:

ready 이벤트 그림 DOM 구조가 그려진 후에 실행됩니다. 이렇게 하면 많은 수의 미디어 파일이 로드되지 않더라도 JS 코드가 계속 실행될 수 있습니다.

load 이벤트:

load 이벤트는 실행되기 전에 웹 페이지의 모든 콘텐츠가 로드될 때까지 기다려야 합니다. 웹 페이지에 많은 수의 이미지가 있는 경우 이러한 상황이 발생합니다. 웹 페이지 문서가 렌더링되었지만 웹 페이지 데이터가 완전히 로드되지 않았기 때문에 로드 이벤트가 즉시 트리거될 수 없습니다.

요약:

ready와 load의 차이점은 이미 다들 알고 계시리라 믿습니다. 사실 페이지에 사진과 같은 미디어 파일이 없으면 Ready와 load는 거의 같지만 파일이 있으면 다릅니다. 페이지에 있으므로 모두가 직장에서 사용하는 것이 좋습니다.

위는 Flexbox를 배치하는 방법입니다. 자세한 튜토리얼에 대한 전체 소개입니다. jQuery에 대해 더 자세히 알고 싶으시면 PHP 중국어 웹사이트를 참고하세요.

위 내용은 jquery에서 준비 이벤트와 로드 이벤트 중 어느 것이 먼저 실행되나요?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!