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

1) $(function() {})

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

페이지가 로딩되었을 때 일어나길 바라는 이벤트들이 작성된다.

리소스와 상관없이 DOM만 생성되어도 호출된다.

예를 들어 이미지 같은 리소스를 요구하는 페이지일 경우 이미지 로딩 완료 상관없이 진행

 

2) window.onload = function() {};

리소스 호출도 완료되었을 경우 실행

 

출처 : https://recoveryman.tistory.com/104