window.onload = function() {
alert("Hello!");
};

페이지의 모든 요소들이 로드되었을 때 호출된다.

DOMContentLoaded는 각 DOM 엘리먼트가 로드되었는지만 확인한다.

ex) <img> 태그가 있을 경우, 태그가 생성되기만 해도 DOMContentLoaded 이벤트가 발생할 수 있는 반면에 load 이벤트는 <img> 태그에 src로 선언된 이미지 파일의 로드까지 끝나야만 발생한다.

따라서 만약 페이지에 용량이 큰 이미지 등이 포함되어 있다면 두 이벤트의 발생 시점은 차이가 나게된다

이벤트를 조금더 빨리 하고 싶을 경우 DOMContentLoaded에 이벤트 핸들러를 붙이는게 좋다