window.onload

20. 문서로드

HELLO body 태그의 코드는 위와 같다. head 태그 안에 위와 같이 자바스크립트 코드를 작성 후 웹페이지를 확인해보면, null 값이 나온다. 이유는, head 태그안의 script에서 test라는 id의 엘리먼트를 찾는 시점에서는 해당 엘리먼트가 만들어져있지 않은 상태로 인지되기 때문에 null 값이 나오는 것이다. 위와 같은 문제가 원인이라고 한다면, 제어하고자 하는 엘리먼트들이 다 만들어진 후 맨 마지막에 script 코드를 작성하면 되지만 다른 방법을 이용해서 head 태그 내에 자바스크립트를 사용하는 방법도 있다. 웹 페이지 전체를 대표하는 전역객체인 window 객체의 onload 메소드를 이용하는 것이다. onload는, 모든 웹 페이지의 구성요소들의 렌더링이 끝난 후 제일 마지막에..