[자바스크립트] onload() vs ready() 차이점

[자바스크립트] page load 이후 script 실행하기 - onload() 와 ready() 사용하기

 

 

 

 

 

 

 

 

자바스크립트와 제이쿼리를 섞어쓰다보면 헷갈릴 때가 있다.

차이점과 사용법을 정리해보자

 

 

 

 

 

 

 

 

• onload() 와 $.ready() 의 차이점은?

 

onload() 는 페이지 내 모든 content 가 load 되면 실행된다 (DOM, image, script 등 모두를 포함)

$.ready() 는 반면에 DOM (HTML Structure) 만 load 되면 실행된다 (image, script 등을 기다리지 않음)

 

=> 결과적으로 실행시점은 $.ready() 가 훨씬 빠르다

 

 

 

 

 

 

 

 

 

[사용법]

 

 

 

1) onload()

 

window.onload = function() {
    //type your code
    alert('모든 content 가 load 됨!');
}

 

 

 

 

 

 

 

2) $.ready()

 

$(document).ready(function() {
    //type your code
    alert('DOM 이 load 됨!');
});

 

 

 

 

 

 

 

 

 

 

자바스크립트의 this 를 알고싶다면?

https://devinserengeti.tistory.com/14?category=901017

[자바스크립트] Javascript This 정리