Day91 - [jquery]window.onload vs document.ready

이번에는 window.onload vs document.ready 에 대해서 알아 봅시다.

 

window.onload

window.onload 는 페이지 당 1번만 사용이 가능 합니다.

 

window.onload 는 페이지가 전부 로드 된 다음 실행하는 함수 입니다.

 

예를 들어서, <script> 태그가 특정 엘리먼트 보다 위에 있을 때, 특정 엘리먼트를 찾지 못하는데, onload 를 사용하면 아래서 사용한 엘리먼트를 찾을 수가 있습니다.

그런데, 위에서도 언급되었지만 페이지 당 1번만 사용할 수가 있어서, 필요한 상황에는 코드를 한 곳에 몰아서 쓸 수 밖에 없는 현실을 가지고 있습니다. 이를 보완하기 위해 나온것이 Jquery 의 document.ready 입니다.

 

document.ready

document.ready 도 window.onload 와 똑같은 기능을 가지고 있습니다.

 

페이지가 전부 로드 된 다음 실행되는 함수 라는 거죠

 

그런데, window.onload 와는 달리 여러번 사용할 수 있습니다.

 

그렇기 때문에, document.ready 를 많이 사용하기도 하고, java script 와 jquery 를 혼용해서 사용하면 좋지 않지만, document.ready 는 사용한다고 보면 되겠습니다.