[Browser] window load 특징

브라우져가 로딩되면, window객체에서는 아래와 같은 이벤트들이 동작을 한다.

1. DOMContentLoaded : only document, 즉 html만 먼저 불러온다. css, image는 불러오지 않는 단계

2. load : css, image 같은 리소스가 로딩이 완료되면 호출된다.

3. beforeunload : 페이지 나가기 전에 호출되며, 사용자가 페이지를 떠날 때 정말로 떠날 것인지 묻는

                              확인 대화 상자를 표시할때 사용할 수 있다.

4. unload : document, resource가 전부 unload되었을 때 호출된다. 

                   1) 오류가 발생해도 취소되지 않는다.

                   2) window.open(), window.alert(), window.confirm() 같은 UI 상호작용 함수들의 효과가 없음.

* 실행순서는 DOMContentLoaded -> load -> beforeunload