[Web] window.onload()

javascript를 작성하다보면 html 내 요소들을 dom 객체로 접근하여 조작하는 방식을 주로 사용한다.
작성위치에 따라 오작동을 일으키기도 하는데 예를들어 아직 html 에서 읽히지 않은
<div> 태그를 JS 에서 읽으려고 한다면 오류가 발생한다.
그래서 JS 태그는 보통 body가 끝난 마지막부분에 넣어주는데 또다른 해결책으로 자바스크립트 코드가 문서가 준비된 상황 이후에 발동되도록 하는 함수를 사용할 수 있다.
window.onload 메서드다!

<script> window.onload = function(){ var a = document.getElementById( 'hel' ); a.style.color = "blue" } </script> <p id = "hel">hello</p>

cs

이렇게 window.onload 메서드를 재정의 해주는 것이다. html 문서 앞쪽에 정의해도 오류가 발생하지 않는다. 웹브라우저 자체를 담당하는 window라는 객체가 웹 문서를 불러올 때 문서가 사용되는 시험에 실행되는 onload 함수를 사용자가 재정의한다는 개념이다.