개체 로딩이 다 되었을 때 발생한다.
![]() 이벤트 속성 |
object.onload=handler | JScript 만- |
---|---|---|
object.onload=GetRef('handler') | VBScript 5.0- | |
인라인 HTML | <ELEMENT onload ="handler"> | 모든 플랫트폼 |
명명된 스크립트 | <SCRIPT for=object event=onload> | Explorer- |
Bubbles | 없음 |
---|---|
취소 | 불가 |
발생 원인 | 문서나 개체를 읽어들여 브라우저에서 열면 발생된다. |
디폴트 작용 | 이벤트가 지정돤 개체를 로딩한다. |
HTML 규격 | HTML 4.0 규격 |
![]() | 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 이벤트 |
![]() | onload 이벤트⇒ | ![]() | ⇒ | ![]() ![]() ![]() |
윈도우 상태바를 확인하라.
<SCRIPT for=window event=onload> window.status='로딩이 완료되었다!'; </SCRIPT>혹은
<SCRIPT> document.onload=(window.status='문서 로딩이 완료되었다!'); </SCRIPT>
<SCRIPT> function imgOnload(){ show.innerText='이미지('+event.srcElement.src+')가 로딩되었다.'; } </SCRIPT> <IMG src="../../gif/rfexample.gif" onload="imgOnload()"> <DIV id=show></DIV>
![]() | onload 이벤트⇒ | ![]() | ⇒ | ![]() ![]() ![]() |
![]() | onload 이벤트⇒ | ![]() | ⇒ | ![]() ![]() ![]() |
![]() | onload 이벤트 | ⇒ | ![]() ![]() |
최종 수정: 05/06/2025 09:19:58 | ![]() All right reserved | 비정상적인 방식으로 프레임없이 페이지에 접속하면 자주 오류가 발생됩니다. 오류가 나면 정상적 접속으로 시도해 보세요. | http://koxo.com/lang/js/event/onload.html |