브라우저가 DOM을로드하면 JavaScript를 통해 DOM 요소에 이벤트를 추가합니다. JavaScript에서는 Window.onload () 메소드가 일반적으로 사용됩니다.
jQuery에서 $ (document) .ready () 메소드가 사용됩니다. 아래 두 가지의 차이점을 소개하겠습니다.
| Window.onload () | $ (document) .ready () | |
| 실행 타이밍 | 로드 후 페이지의 모든 요소 (그림 및 참조 파일 포함)를 실행하십시오. | 페이지의 모든 HTML DOM은 CSS DOM 구조가로드 된 후에 실행되며 다른 이미지가로드되지 않을 수 있습니다. 웹 페이지의 모든 내용 (그림 등 포함)이로드 되려면 이벤트를 등록하고 $ (Window) .load (function)를 사용하십시오. Window.onload ()에 해당합니다. |
| 숫자를 쓰십시오 | 당신은 동시에 여러 단어를 쓸 수 없으며, 후자는 이전 단어를 덮어 씁니다. 전: window.onload = function () {alert ( "a"); } window.onload = function () {alert ( "b"); } 결과는 "B"입니다. Alert ( "A") 및 Alert ( "B")를 순서대로 실행하려면 작성해야합니다. Window.onload = function () { 경고 ( "a"); 경고 ( "B"); } | 여러 동시에 쓸 수 있습니다 |
| 약어 | 없음 | $ (document) .ready (function () { // 할 일; }); 다음과 같이 쓸 수 있습니다 $ (). ready (function () {// $ () 매개 변수가없는 문서입니다 // 할 일; });또는 $ (function () { // 할 일; }); |