사용자가 페이지나 개체에서 이탈했을 때 즉시 발생한다.

이벤트 속성 object.onunload=handler JScript 만-
object.onunload=GetRef('handler') VBScript 5.0-
인라인 HTML <ELEMENT onunload ="handler"> 모든 플랫트폼
명명된 스크립트 <SCRIPT for=object event=onunload> Explorer-
용법
이벤트가 발생되면 'JavascriptCode'를 실행한다.
Javascript 에서는
form.onunload='JavascriptCode'
HTML 에서는
<ELEMENT onunload="JavascriptCode">
이벤트 특성
Bubbles 없음
취소 불가
발생 원인
  • 현재의 윈도우를 닫았을 때.
  • 주소 입력, 즐겨찾기등을 사용하여 새로운 주소로 이동하였을 때.
  • '뒤로', '앞으로', '새로고침', ''등의 단추를 클릭했을 때.
  • 다른 웹 페이지를 참조하는 윈도우의 연결 anchor를 클릭했을 때.
  • anchor.click 메서드를 실행시켰을 때.
  • documentwrite 메서드를 실행했을 때.
  • documentopen 메서드를 실행했을 때.
  • documentclose 메서드를 실행했을 때.
  • windowclose 메서드를 실행했을 때.
  • 윈도우 이름으로 사용 가능한 _self 값을 제공하면서 window.open 메서드를 실행했을 때,
  • window.navigateNavigateAndFind 메서드를 실행했을 때.
  • locationreplace 메서드를 실행했을 때.
  • location.reload 메서드를 실행했을 때.
  • location.href 속성에 새로운 값을 지정했을 때.
  • INPUT type=submit 제어나, submit 메서드를 실행하여, form에서 주소를 지정하는 action 애트리뷰트로 송신(submit)했을 때.
디폴트 작용 현제의 윈도우에서 개체나 문서를 제거한다.
HTML 규격 HTML 4.0 규격

event
onunload 이벤트
onunload</b> 이벤트
견본예제공통
이전페이지로페이지 맨위로페이지 맨아래로

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

altKey ALT 키가 눌렸는가를 반환하거나 설정한다.
altLeft 왼쪽 ALT 키가 눌렸는가를 반환하거나 설정한다.
ctrlLeft 왼쪽 CTRL 키가 눌렸는가를 반환하거나 설정한다.
shiftLeft 왼쪽 SHIFT 키가 눌렸는가를 반환하거나 설정한다.
type 이벤트 개체의 이벤트 명칭을 반환하거나 설정한다.
특기

웹 페이지나 이미지 등을 다 읽어 들이면 onload 이벤트가 발생되고, 페이지를 닫거나 다른 페이지로 가면 그 페이지에서 이탈하므로 onunload 이벤트가 발생된다.

문서가 언로드되면 다른 HTML 태그나 Javascript 코드는 더이상 실행할 수 없으므로 onunload 이벤트를 사용하여 문서가 닫힌 후에 실행할 내용을 지정하여여야 한다.

적용
개체scriptHTMLIE
bodybody.onunload=sCode<BODY onunload=sCode>IE4.0(win16,win32,unix,mac)
frameframe.onunload=sCode<FRAME onunload=sCode> 
frameSetframeSet.onunload=sCode<FRAMESET onunload=sCode>IE4.0(win16,win32,ce,unix,mac)
windowwindow.onunload=sCode없음IE3.02(win16,win32,mac),IE4.0(ce,unix)


event
onunload 이벤트
onunload</b> 이벤트
속성예제공통
이전페이지로페이지 맨위로페이지 맨아래로

onunload이벤트 예제

<SCRIPT for="window" event="onunload">alert('window 개체에서 onunload 이벤트가 발생되었다.');</SCRIPT>
<FORM>
<INPUT type=button value="이전 페이지로 이동" onclick="history.back()">
</FORM>

event
onunload 이벤트
onunload</b> 이벤트
속성견본공통
이전페이지로페이지 맨위로페이지 맨아래로

event
onunload 이벤트
onunload</b> 이벤트
속성견본예제
이전페이지로페이지 맨위로페이지 맨아래로
event
onunload 이벤트
속성견본예제공통
이전페이지로페이지 맨위로
최종 수정:
05/23/2025 04:42:20
KoXo Homepage
All right reserved
비정상적인 방식으로 프레임없이 페이지에 접속하면 자주 오류가 발생됩니다.
오류가 나면 정상적 접속으로 시도해 보세요.
http://koxo.com/lang/js/event/onunload.html