KoXo 자바스크립트 - 이벤트(event)

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

이벤트 속성	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 규격

event ⇒

onload 이벤트⇒

⇒

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 이벤트를 작동시키거나, 같은 스크립트 상에 처리자들을 제공하는 등의 다른 방법으로 덮어 씌울 수 있다.

적용

개체	script	HTML	IE
applet	applet.onload=sCode	<APPLET onload=sCode>	IE4.0(win16,win32,ce,unix,mac)
body	body.onload=sCode	<BODY onload=sCode>	IE4.0(win16,win32,unix,mac)
embed	embed.onload=sCode	<EMBED onload=sCode>	IE4.0(win16,win32,ce,unix,mac)
frame	frame.onload=sCode	<FRAME onload=sCode>	IE5.5(win32)
frameSet	frameSet.onload=sCode	<FRAMESET onload=sCode>	IE4.0(win16,win32,ce,unix,mac)
iFrame	iFrame.onload=sCode	<IFRAME onload=sCode>	IE5.5(win32)
img	img.onload=sCode	<IMG onload=sCode>	IE4.0(win16,win32,ce,unix,mac)
link	link.onload=sCode	<LINK onload=sCode>	IE4.0(win16,win32,ce,unix,mac)
script	script.onload=sCode	<SCRIPT onload=sCode>	IE4.0(win16,win32,ce,unix,mac)
window	window.onload=sCode	없음	IE4.0(win16,win32,ce,unix,mac)

참조

onload 이벤트

onunload 이벤트

onabort 이벤트

onbeforeunload 이벤트

onreadystatechange 이벤트

event ⇒

onload 이벤트⇒

⇒

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>

event ⇒

onload 이벤트⇒

⇒

onload, onunload 예제

event ⇒

onload 이벤트⇒

⇒

event ⇒

onload 이벤트

⇒

최종 수정:
05/06/2025 09:19:58

비정상적인 방식으로 프레임없이 페이지에 접속하면 자주 오류가 발생됩니다.
오류가 나면 정상적 접속으로 시도해 보세요.

http://koxo.com/lang/js/event/onload.html