.onload 와 .ready()

 

ready() : DOM이 완전히 로드된 후 호출

 

$(document).ready(function(){})
$(function(){})

 

외부 리소스 및 이미지 로딩과 상관없이 DOM만 로드되면 바로 실행

중복 사용 가능하며 선언 순서대로 실행

 

 

 

 

onload() : 페이지 내의 모든 리소스(이미지, 스크립트, css 등)가 완전히  로드된 후 호출

 

$(window).onload(function(){})
window.onload()=function(){}

 

한 페이지에서 하나의 window.onload()함수만 사용 가능

가장 나중에 호출된 함수만 적용

페이지 안의 이미지나 외부 파일이 로드될때까지 기다린 후 실행되어 로딩시간이 길어질 수 있음

 

 

 

 

 

실행 순서

DOM 생성 → ready() → 이미지를 포함한 요소들 로드 → onload()