브라우저 창이 닫힐 때 스크립트 실행하기
HTML의 onunload 속성은 사용자가 웹 브라우저 창을 닫거나 현재 문서를 떠나는 시점에 지정된 자바스크립트 함수를 실행하도록 해줍니다. 이 속성은 주로 <body> 태그에 추가되며, 페이지가 언로드될 때 알림을 표시하거나 세션 종료 처리 같은 마무리 작업을 수행하는 데 활용할 수 있습니다.
예제 코드
<!DOCTYPE html>
<html>
<body onunload = "display()">
<h2>Tutorialspoint</h2>
<h3>Simply Easy learning</h3>
<script>
function display() {
alert("Bye!");
}
</script>
</body>
</html>코드 설명
위 예제에서 <body> 태그에 onunload = "display()"가 설정되어 있습니다. 따라서 사용자가 브라우저 창을 닫거나 다른 페이지로 이동해 문서가 언로드되는 순간 display() 함수가 호출되고, 화면에 "Bye!"라는 경고창이 나타납니다.
참고 사항
onunload 속성은 오래전부터 사용되어 온 기능이지만, 최신 브라우저 환경에서는 보안 및 성능상의 이유로 동작이 제한될 수 있습니다. 모바일 브라우저에서는 아예 작동하지 않는 경우도 많으므로, 실무에서는 beforeunload 또는 pagehide 이벤트와 함께 사용하는 것이 좋습니다. 또한 팝업 차단 기능이 활성화된 환경에서는 언로드 시점의 alert() 호출이 무시될 수 있다는 점도 유의해야 합니다.