js를 사용하여 페이지가 새로 고쳐졌는지 닫혔는지 확인하는 방법(onbeforeunload 및 onunload 이벤트)

js를 사용하여 페이지가 새로 고쳐졌는지 닫혔는지 확인하는 방법(onbeforeunload 및 onunload 이벤트)_javascript 기술

WBOY

풀어 주다： 2016-05-16 17:52:18

원래의

1365명이 탐색했습니다.

Onunload 및 onbeforeunload는 새로 고치거나 닫을 때 호출되며 <script> 스크립트에서 window.onunload를 통해 지정하거나 <body>에 지정할 수 있습니다. 차이점은 onbeforeunload가 onunload보다 먼저 실행되고, onunload의 실행도 방지할 수 있다는 점입니다. Onbeforeunload는 페이지가 새로 고쳐지거나 닫힐 때도 호출됩니다. Onbeforeunload는 새 페이지를 읽기 위해 서버로 이동할 때 호출되지만 onunload가 로드해야 하는 새 페이지를 읽는 동안 아직 읽기를 시작하지 않았습니다. 현재 페이지가 교체되려고 할 때 호출됩니다. Onunload는 페이지가 업데이트되고 닫히는 것을 막을 수 없습니다. 그리고 Onbeforeunload가 그것을 할 수 있습니다. Onload는 페이지가 로드될 때만 실행됩니다. 페이지가 닫힐 때 먼저 Onbeforeunload가 실행되고, 마지막으로 onunload가 실행됩니다. Onbeforeunload가 먼저 실행되고, 마지막으로 onload가 실행됩니다. 페이지가 새로 고쳐질 때 실행됩니다. 1. onbeforeunload 이벤트: 설명: Firefox와 IE는 현재 세 가지 주요 주류 브라우저에서 onbeforeunload 이벤트를 지원하지만 Opera는 아직 지원하지 않습니다. 사용법: ·Object.onbeforeunload = handler ·<element onbeforeunload = “handler” … ></element> 설명: 이벤트가 트리거되면 메시지가 나타납니다. 확인 팝업이 나타나고 대화 상자를 취소합니다. 확인하면 페이지에서 나가게 됩니다. 취소하면 이 페이지에 계속 남게 됩니다. 처리기는 대화 상자에 표시된 텍스트로 반환 값을 설정할 수 있습니다. 발생 원인: ·브라우저 창을 닫습니다 ·주소 표시줄이나 즐겨찾기를 통해 다른 페이지로 이동할 때 ·돌아가기, 앞으로, 새로고침, 새로고침 중 하나를 클릭할 때 홈페이지 ·다른 페이지로 이동하는 URL 링크를 클릭했을 때 ·다음 이벤트 중 하나를 호출할 때: 클릭, 문서 쓰기, 문서 열기, 문서 닫기, 창 닫기, 창 탐색, 창 탐색및찾기, 위치 바꾸기, 위치 새로고침, 양식 제출 　·창 열기를 사용하여 페이지를 열고 이 페이지의 창 이름을 열 페이지에 전달합니다. 　·location.href의 값을 재할당할 때. 　·입력 유형="제출" 버튼을 통해 지정된 작업이 포함된 양식을 제출하는 경우. 다음 요소에서 사용할 수 있습니다: ·BODY, FRAMESET, window 플랫폼 지원: IE4 /Win, Mozilla 1.7a, Netscape 7.2, Firefox0.9 예: <div class="codetitle"> <a style="CURSOR: pointer" data="88705" class="copybut" id="copybut88705" onclick="doCopy('code88705')">코드 복사</a> 코드는 다음과 같습니다.</div> <div class="codebody" id="code88705"> 　<html xmlns="http://www .w3.org/ 1999/xhtml"> 　<head> 　<meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>onbeforeunload Test</title> 　<script> 　function checkLeave(){ 　event.returnValue="현재 페이지에서 나가시겠습니까?" 　} >　</script>
　
　
　
　2. onunload 이벤트

사용법: