jQuery 에서 ready 와 load 이벤트 의 차이

보다http://www.uw3c.com/jsviews/js29.html
jQuery 에서 ready 와 load 이벤트 의 차이
개요:
여러분 은 작업 중 에 jQuery 를 사용 할 때 반드시 사용 하기 전에 이렇게 합 니 다.
1
2
3
4
5
6
7
8 //document ready $(document).ready( function (){      ...code... }) //document ready $( function (){      ...code... })
어떤 때 는 이렇게 쓰기 도 한다.
1
2
3
4 //document load $(document).load( function (){      ...code... })
하 나 는 ready 이 고 하 나 는 load 입 니 다. 이 두 가 지 는 도대체 어떤 차이 가 있 습 니까?오늘 우리 얘 기 좀 하 자.
ready 와 load 누가 먼저 실행 합 니까:
여러분 은 면접 과정 에서 항상 질문 을 받 습 니 다. ready 와 load 중 하 나 는 먼저 실행 하고 하 나 는 나중에 실행 합 니까?정 답 은 ready 가 먼저 실행 하고 load 가 후에 실행 하 는 것 입 니 다.
DOM 문서 불 러 오 는 절차:
ready 가 먼저 실행 되 는 이 유 를 이해 하려 면 load 가 실 행 된 후에 DOM 문서 로 딩 절 차 를 먼저 이야기 해 야 합 니 다.
1
2
3
4
5
6 (1) HTML 。 (2) 。 (3) 。 (4) HTML DOM 。 //ready (5) 。 (6) 。 //load
위의 설명 에서 이해 하 셨 겠 죠? ready 는 제 (4) 단계 가 완성 되면 실 행 됩 니 다.그러나 로드 는 6 단계 가 완 료 된 후에 야 실행 된다.
ready 이벤트:
ready 이 벤트 는 DOM 구조 가 완 료 된 후에 그 려 서 실 행 됩 니 다.이렇게 하면 대량의 미디어 파일 이 불 러 오지 않 아 도 JS 코드 처럼 실 행 될 수 있 도록 확보 할 수 있다.
load 이벤트:
load 이 벤트 는 웹 페이지 의 모든 내용 을 불 러 온 후에 야 실 행 됩 니 다.만약 한 웹 페이지 에 대량의 그림 이 있다 면 이러한 상황 이 발생 할 것 이다. 웹 페이지 문 서 는 이미 나 타 났 지만 웹 페이지 데이터 가 완전히 로드 되 지 않 았 기 때문에 load 사건 은 즉시 발생 할 수 없다.
요약:
ready 와 load 의 차 이 를 잘 알 고 있 을 거 라 고 믿 습 니 다. 사실 페이지 에 그림 같은 미디어 파일 이 없 으 면 ready 와 load 는 차이 가 많 지 않 지만 페이지 에 파일 이 있 으 면 다 르 기 때문에 업무 중 ready 를 사용 하 는 것 을 추천 합 니 다.