window load event

 

load 이벤트는 리소스와 그것에 의존하는 리소스들의 로딩이 완료되면 실행된다.

하위 프레임은 물론, 이미지, 사운드, 등 모은 것들이 로드 된 다음 호출 된다.

만약 UX관련 필요한 동작을 여기에서 처리할 경우 너무 지연되는 문제를 고려해야 한다.

보다 빠른 시점의 이벤트 참고: window DOMContentLoaded event

 

<script>
  window.addEventListener("load", function(event) {
    console.log("All resources finished loading!");
  });
</script>

 

https://developer.mozilla.org/ko/docs/Web/API/Window/load_event