[JQUERY] $ (창) .load와 $ (문서) .ready의 차이점은 무엇입니까?
JQUERY$ (창) .load와 $ (문서) .ready의 차이점은 무엇입니까?
해결법
-
1.모든 자산이 이미지를 포함한, 로딩을 할 때 부하가 호출됩니다. DOM을 상호 작용에 대한 준비가되면 준비가 시작됩니다.
모든 자산이 이미지를 포함한, 로딩을 할 때 부하가 호출됩니다. DOM을 상호 작용에 대한 준비가되면 준비가 시작됩니다.
MDC를, 창로드에서 :
JQuery와 API 문서, .ready (핸들러)에서 :
-
2.페이지의 DOM이 준비가되어 있음을 $ (문서) .ready () 수단을 조작 할 수 있습니다.
페이지의 DOM이 준비가되어 있음을 $ (문서) .ready () 수단을 조작 할 수 있습니다.
전체 페이지 (포함. CSS 및 이미지 파일과 같은 구성 요소가) 완전히로드 된 경우 window.load ()가 트리거됩니다.
당신은 무엇을 달성하려고?
-
3.
$(document).ready(function(){ //code here });
우리가 jQuery를 사용할 때 위의 코드는 거의 모든 시간을 사용한다.
우리는 DOM이 준비 후 우리의 jQuery 코드를 초기화 할 때이 코드가 사용됩니다.
$(window).load()
때때로 당신은 사진을 조작 할 수 있습니다. 예를 들어, 당신은 수직 및 수평으로 사진을 정렬 할 당신은 그렇게하기 위해 사진의 폭과 높이를 얻을 필요가있다. .ready $ (문서)와 () 당신은 할 수 없을 것이다 방문자가 당신이 이미지로드가 완료되면 JQuery와 정렬 기능을 초기화해야하는 경우 이미지 이미로드를 가지고 있지 않은 경우. ) (우리는 $ (창) .load를 사용의 그
-
4.$ (문서) .ready DOM이로드 될 때 문서 구조가 준비되면이 발사 그래서, 해고의 jQuery 이벤트입니다.
$ (문서) .ready DOM이로드 될 때 문서 구조가 준비되면이 발사 그래서, 해고의 jQuery 이벤트입니다.
$ (창) .load 이벤트는로드 (CSS, 이미지 등 포함) 전체 내용 이후에 발생합니다.
이것은 큰 차이점이다.
-
5.() .ready $ (문서)에 랩 DOM는 ... body>
() .ready $ (문서)에 랩 DOM는
... body>$ (창) .load ()는 문서의 아빠가 ... HTML>의 모든 DOM을 포장입니다
귀하의 경우하자의 사용은 처리 렌더링 저장합니다.
-
6.간단하게 말하면, window.load는 윈도우의 모든 컨텐츠는 DOM이로드 및 문서 구조가 준비 될 때 document.ready가 호출되는 반면로드 될 때 호출된다.
간단하게 말하면, window.load는 윈도우의 모든 컨텐츠는 DOM이로드 및 문서 구조가 준비 될 때 document.ready가 호출되는 반면로드 될 때 호출된다.
-
7.부하 상태는 윈도우 오브젝트가 생성되었으며 DOM 포함한 모든 필요한 구성 요소들이 메모리에로드되고, 다른 페이지에 동일하게 렌더링하기위한 렌더링 엔진에 전달되지 않은 상태이다.
부하 상태는 윈도우 오브젝트가 생성되었으며 DOM 포함한 모든 필요한 구성 요소들이 메모리에로드되고, 다른 페이지에 동일하게 렌더링하기위한 렌더링 엔진에 전달되지 않은 상태이다.
반면에 준비 상태를 만들어 그것을 확인 DOM 요소, 이벤트 및 기타 종속 구성 요소는, 렌더링 엔진에 전달 페이지에 렌더링 및 상호 작용과 조작을위한 준비가되어있다.
-
8.
TITLE> <스크립트 SRC = "https://code.jquery.com/jquery-1.12.4.js"> script>
'JQUERY' 카테고리의 다른 글
[JQUERY] SCRIPT7002 : XMLHttpRequest의 : 네트워크 오류 0x2ef3는 오류로 인해 00002ef3에 작업을 완료 할 수 없습니다 (0) | 2020.10.11 |
---|---|
[JQUERY] 여러 자바 스크립트 배열과 일치 찾기 (0) | 2020.10.11 |
[JQUERY] 대화 상자 실행 1 초 사라질 하시나요? (0) | 2020.10.11 |
[JQUERY] 자바 스크립트를 사용하여 URL 확인하려고 (0) | 2020.10.11 |
[JQUERY] 일치하지 않는 익명 () 모듈을 정의 (0) | 2020.10.11 |