개체 로딩이 다 되었을 때 발생한다.


이벤트 속성
object.onload=handler JScript 만-
object.onload=GetRef('handler') VBScript 5.0-
인라인 HTML <ELEMENT onload ="handler"> 모든 플랫트폼
명명된 스크립트 <SCRIPT for=object event=onload> Explorer-
용법
이벤트가 발생되면 'JavascriptCode'를 실행한다.
Javascript 에서는
objName.onload='JavascriptCode'
HTML 에서는
<ELEMENT onLoad="JavascriptCode">
이벤트 특성
Bubbles 없음
취소 불가
발생 원인 문서나 개체를 읽어들여 브라우저에서 열면 발생된다.
디폴트 작용 이벤트가 지정돤 개체를 로딩한다.
HTML 규격 HTML 4.0 규격

DHTML 개체 모델에서 이벤트처리자는 파라메터들을 직접 받지는 못해도, event개체의 쿼리를 사용할 수 있다.

altKey ALT 키가 눌렸는가를 반환하거나 설정한다.
altLeft 왼쪽 ALT 키가 눌렸는가를 반환하거나 설정한다.
clientX 윈도우 장식과 스크롤바를 제외한 사용자 지역에 상대적 마우스포인터 수평 좌표를 반환하거나 설정한다.
clientY 윈도우 장식과 스크롤바를 제외한 사용자 지역에 상대적 마우스포인터 수직 좌표를 반환하거나 설정한다.
ctrlLeft 왼쪽 CTRL 키가 눌렸는가를 반환하거나 설정한다.
offsetX 이벤트가 발생된 개체에 마우스포인터의 상대적인 위치(오프세트) 수평 좌표를 반환하거나 설정한다.
offsetY 이벤트가 발생된 개체에 마우스포인터의 상대적인 위치(오프세트) 수직 좌표를 반환하거나 설정한다.
screenX 사용자 스크린에 상대적인 마우스포인터의 수평 위치를 반환하거나 설정한다.
screenY 사용자 스크린에 상대적인 마우스포인터의 수직 위치를 반환하거나 설정한다.
shiftLeft 왼쪽 SHIFT 키가 눌렸는가를 반환하거나 설정한다.
type 이벤트 개체의 이벤트 명칭을 반환하거나 설정한다.
x 상대적으로 위치한 모체 개체에 상대적인 위치 수평 좌표를 반환하거나 설정한다.
y 상대적으로 위치한 모체 개체에 상대적인 위치 수직 좌표를 반환하거나 설정한다.

특기

웹 페이지나 이미지 등을 다 읽어 들이면 onload 이벤트가 발생되고,
onload 이벤트가 발생하면 'JavascriptCode'를 실행한다.

페이지를 닫거나 다른 페이지로 가면 그 페이지에서 이탈하므로 onunload 이벤트가 발생된다.

페이지 로딩이 완료되면 환영 메세지, 쿠기점검등 일정한 기능을 실행할 수 있다.

파싱(parsing)하는 중에 applet, embed, img 개체등의 로딩이 필요한 애플리케이션을 만나면, 브라우저는 로딩한다. 따라서 브라우저가 다른 개체들을 파싱하기 전에 onload 이벤트는 이들 개체에 발생된다.
이벤트처리자가 이들 개체의 onload 이벤트를 확실히 받기 위하여 개체 전에 이벤트처리자를 지정하는 script 개체를 삽입하고 개체의 onload 애트리뷰트를 사용하여 처리자를 지정한다.

body 개체의 onload 애트리뷰트는 window를 위한 onload 이벤트처리자를 설정하는 것이다. body 개체를 통하여 윈도우 onload 이벤트를 호출하는 것은 윈도우 onload 이벤트를 작동시키거나, 같은 스크립트 상에 처리자들을 제공하는 등의 다른 방법으로 덮어 씌울 수 있다.

적용
개체scriptHTMLIE


document 개체에서 onload 이벤트 예제

윈도우 상태바를 확인하라.

<SCRIPT for=window event=onload>
window.status='로딩이 완료되었다!';
</SCRIPT>
혹은
<SCRIPT>
document.onload=(window.status='문서 로딩이 완료되었다!');
</SCRIPT>

IMG 개체에서 onload 이벤트 예제

<SCRIPT>
function imgOnload(){
  show.innerText='이미지('+event.srcElement.src+')가 로딩되었다.';
}
</SCRIPT>
<IMG src="../../gif/rfexample.gif" onload="imgOnload()">
<DIV id=show></DIV>