> 웹 프론트엔드 > 프런트엔드 Q&A > JavaScript를 사용하여 창을 닫는 여러 가지 방법에 대해 이야기해 보겠습니다.

JavaScript를 사용하여 창을 닫는 여러 가지 방법에 대해 이야기해 보겠습니다.

PHPz
풀어 주다: 2023-04-19 14:38:01
원래의
3247명이 탐색했습니다.

JavaScript는 웹 개발에 널리 사용되는 프로그래밍 언어로, 다양한 대화형 효과와 실용적인 기능을 구현할 수 있습니다. 기본 기능 중 하나는 창을 닫는 것인데, 이를 통해 사용자는 현재 페이지나 애플리케이션을 편리하게 종료할 수 있습니다. 이 기사에서는 JavaScript를 사용하여 창을 닫는 여러 가지 방법을 소개합니다.

  1. window.close() 사용

가장 쉬운 방법은 window.close() 함수를 사용하는 것입니다. 이 함수에는 매개 변수가 필요하지 않으며 실행하면 현재 창을 닫을 수 있습니다. 예를 들어, 다음 코드는 버튼을 클릭할 때 현재 창을 닫을 수 있습니다:

<button onclick="window.close()">关闭窗口</button>
로그인 후 복사

이 메서드는 JavaScript로 생성된 창만 닫을 수 있으며 기본 브라우저 창이나 사용자가 연 새 창은 닫을 수 없다는 점에 유의해야 합니다. 또한, 현재 창이 다른 웹사이트에서 열려 있는 경우 window.close()를 사용하여 창을 닫으면 브라우저에서 사용자에게 창 닫기 허용 여부를 묻는 경고 상자가 나타날 수 있습니다.

  1. window.opener.close() 사용

현재 창을 닫는 또 다른 방법은 window.opener.close() 함수를 사용하는 것입니다. 이 함수는 현재 창의 상위 창에서 실행되어 현재 창을 닫을 수 있습니다. 예를 들어, 다음 코드는 버튼을 클릭할 때 현재 창의 상위 창을 닫을 수 있습니다:

<button onclick="window.opener.close()">关闭窗口</button>
로그인 후 복사

window.opener.close()를 사용하여 창을 닫을 때 상위 창은 다음에 의해 열려야 한다는 점에 유의해야 합니다. 자바스크립트. 사용자가 상위 창을 수동으로 연 경우 이 방법을 사용하여 창을 닫아도 아무런 효과가 없습니다.

  1. window.parent.close() 사용

window.opener.close()와 유사하게 window.parent.close() 함수는 현재 창의 부모 창에서 실행되어 현재 창을 닫을 수 있습니다. . 차이점은 window.parent.close()가 JavaScript로 생성되었거나 사용자가 열었던 모든 상위 창을 닫을 수 있다는 것입니다. 예를 들어, 다음 코드는 버튼을 클릭하면 모든 상위 창을 닫을 수 있습니다:

<button onclick="window.parent.close()">关闭窗口</button>
로그인 후 복사

window.parent.close()를 사용하여 창을 닫을 때 사용자에게 묻는 팝업 경고 상자가 나타날 수 있다는 점에 유의해야 합니다. 폐쇄 기간을 허용할지 여부입니다. 또한 이 방법은 전체 브라우저가 아닌 창만 닫을 수 있습니다.

  1. window.open()을 사용하여 빈 페이지 열기

현재 창을 닫는 또 다른 방법은 window.open() 함수를 사용하여 빈 페이지를 연 다음 현재 창을 닫는 것입니다. 예를 들어, 다음 코드는 버튼을 클릭하면 빈 페이지를 열고 현재 창을 닫을 수 있습니다:

<button onclick="window.open(&#39;about:blank&#39;,&#39;_self&#39;).close()">关闭窗口</button>
로그인 후 복사

window.open()을 사용하여 빈 페이지를 열 때 첫 번째 매개 변수는 다음과 같아야 합니다. 'about: 공백', 두 번째 매개변수는 '_self'여야 현재 창에서 새 페이지가 제대로 열릴 수 있습니다. 또한, 창을 닫을 때 창 닫기 허용 여부를 묻는 팝업 경고 상자가 나타날 수 있습니다.

요약

JavaScript를 사용하여 창을 닫는 것은 사용자가 페이지나 애플리케이션을 편리하게 종료하는 데 도움이 되는 매우 실용적인 기능입니다. 이 문서에서는 window.close(), window.opener.close(), window.parent.close() 및 window.open()을 사용하여 빈 페이지를 여는 것을 포함하여 창을 닫는 여러 가지 방법을 설명합니다. 이러한 방법에는 특정 제한 사항이 있으며 모든 상황에서 창을 닫는 요구 사항을 충족할 수 없다는 점에 유의해야 합니다. 따라서 실제 적용에서는 구체적인 상황에 따라 적절한 방법을 선택해야 합니다.

위 내용은 JavaScript를 사용하여 창을 닫는 여러 가지 방법에 대해 이야기해 보겠습니다.의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

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