> 웹 프론트엔드 > 프런트엔드 Q&A > JavaScript는 현재 창을 닫습니다.

JavaScript는 현재 창을 닫습니다.

WBOY
풀어 주다: 2023-05-12 10:21:07
원래의
1304명이 탐색했습니다.

JavaScript는 웹 개발에 널리 사용되는 인기 있는 프로그래밍 언어입니다. 사용자가 작업을 완료하거나 웹 페이지를 열 때 때때로 현재 창을 닫고 싶을 때가 있습니다. JavaScript에서 현재 창을 닫으려면 window.close() 메서드를 사용해야 합니다. 그러나 창을 닫기 전에 사용자에게 프롬프트 창을 표시해야 할 수도 있습니다.

경고(), 확인() 또는 프롬프트() 함수를 사용하여 프롬프트 창을 만들 수 있습니다. 경고() 함수는 간단한 메시지 상자를 표시하고, 확인() 함수는 "확인" 및 "취소" 버튼이 있는 메시지 상자를 표시하며, 프롬프트() 함수는 입력 상자와 "확인" 및 "취소" 버튼이 있는 메시지 상자를 표시합니다. 취소' 버튼을 클릭하세요. JavaScript에서는 이러한 함수를 window.close() 메서드와 함께 사용하여 창을 닫기 위한 사용자 친화적인 프롬프트를 만들 수 있습니다.

다음은 사용자에게 현재 창 닫기를 확인하라는 메시지를 표시하기 위해 경고() 함수를 사용하는 방법을 보여주는 샘플 코드입니다.

window.onbeforeunload = function() {
   return "您确定要关闭当前窗口吗?";
};
로그인 후 복사

이 코드에서는 window.onbeforeunload 이벤트를 사용하여 콜백 함수를 등록합니다. 이 함수는 사용자가 현재 창을 닫으려고 할 때 호출됩니다. 콜백 함수는 사용자에게 창 닫기 확인을 요청하는 문자열을 반환합니다. 사용자가 "닫기" 버튼을 클릭하면 창이 닫힙니다.

다음은 확인 메시지 상자를 표시하는 방법을 보여주기 위해 verify() 함수를 사용하는 샘플 코드입니다.

window.onbeforeunload = function() {
   return confirm("您确定要关闭当前窗口吗?");
};
로그인 후 복사

이 코드에서는 verify() 함수를 사용하여 "OK" 및 "Cancel"이 포함된 확인 메시지 상자를 표시합니다. " 버튼 메시지 상자. 사용자가 "확인" 버튼을 클릭하면 콜백 함수가 true를 반환하고 창이 닫힙니다. 사용자가 "취소" 버튼을 클릭하면 콜백 함수가 false를 반환하고 창이 닫히지 않습니다.

마지막으로 다음은 사용자에게 정보를 입력하라는 메시지를 표시하는 방법을 보여주기 위해 프롬프트() 함수를 사용하는 샘플 코드입니다.

window.onbeforeunload = function() {
   var name = prompt("请输入您的名字:");
   if (name != null) {
      return "再见," + name + "!";
   } else {
      return null;
   }
};
로그인 후 복사

이 코드에서는 프롬프트() 함수를 사용하여 "확인" 및 "확인"이 있는 입력 상자를 표시합니다. " 취소 버튼 메시지 상자. 사용자가 "확인" 버튼을 클릭하면 콜백 함수는 사용자 이름과 함께 작별 인사 메시지를 반환합니다. 사용자가 "취소" 버튼을 클릭하면 콜백 함수가 null을 반환하고 창이 닫히지 않습니다.

이 모든 예제에서는 window.onbeforeunload 이벤트를 사용하여 콜백 함수를 등록합니다. 이 이벤트는 창이 닫힐 때 트리거되며 창을 닫기 전에 특정 작업을 수행하는 데 사용할 수 있습니다.

요약하자면 JavaScript는 현재 창을 닫고 사용자에게 확인 메시지를 표시하는 여러 가지 방법을 제공합니다. 프롬프트 메시지를 더 친근하고 이해하기 쉽게 만들려면 Alert(), verify() 또는 Prompt() 함수를 사용하세요. window.onbeforeunload 이벤트를 사용하면 창을 닫기 전에 임시 데이터 정리 또는 사용자 입력 저장과 같은 특정 작업을 수행할 수 있습니다.

위 내용은 JavaScript는 현재 창을 닫습니다.의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿