> 웹 프론트엔드 > 프런트엔드 Q&A > 자바스크립트에서 현재 창 이벤트를 닫는 방법

자바스크립트에서 현재 창 이벤트를 닫는 방법

PHPz
풀어 주다: 2023-04-21 09:42:28
원래의
3277명이 탐색했습니다.

JavaScript는 웹 페이지에 프런트 엔드 대화형 효과를 작성하는 데 일반적으로 사용되는 스크립팅 언어입니다. 강력한 운영 성능은 웹 개발에서 널리 사용됩니다. 많은 경우 사용자 경험을 향상시키기 위해 JavaScript를 통해 몇 가지 특별한 기능을 구현해야 합니다. 그 중 현재 창 이벤트를 닫는 것은 자주 사용되는 기능입니다.

JavaScript에는 링크와 코드를 통해 트리거되는 현재 창 이벤트를 닫는 두 가지 방법이 있습니다. 아래에서는 이 두 가지 방법과 그 구현에 대해 자세히 소개하겠습니다.

방법 1: 링크를 통해 현재 창 닫기 이벤트 실행

링크를 통해 현재 창 이벤트를 닫는 것은 비교적 간단합니다. 하이퍼링크에 JavaScript 코드만 사용하면 됩니다. 샘플 코드는 다음과 같습니다.

<a href="javascript:window.close();">关闭当前窗口</a>
로그인 후 복사

코드 설명: 현재 창을 닫으려면 하이퍼링크에 JavaScript 코드 "window.close();"를 사용하십시오.

이 메서드는 window.open 메서드로 열린 창만 닫을 수 있다는 점에 유의하세요. window.location.href를 사용하여 열린 창은 이 방법을 사용하여 닫을 수 없습니다.

방법 2: 코드를 통해 현재 창의 닫기 이벤트를 실행합니다.

코드를 통해 현재 창의 닫기 이벤트를 실행하려면 창 개체의 닫기 메서드를 사용해야 합니다. 이 방법을 통해 JavaScript에서는 현재 창을 닫는 효과를 얻을 수 있습니다. 샘플 코드는 다음과 같습니다.

window.close();
로그인 후 복사

코드 설명: 현재 창을 닫으려면 창 개체의 닫기 메서드를 사용합니다.

이 방법은 현재 스크립트가 위치한 창만 닫을 수 있다는 점에 유의하세요. JavaScript를 통해 새 창을 열려면 창에서 이 메서드를 사용하여 닫아야 합니다.

window.close 메소드를 직접 호출하는 것 외에도 이벤트 메커니즘을 사용하여 현재 창을 닫을 수도 있습니다. 예를 들어 버튼을 클릭하면 onclick 이벤트를 사용하여 이 메서드를 트리거할 수 있습니다. 샘플 코드는 다음과 같습니다.

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

코드 설명: 버튼의 onclick 이벤트에서 window.close 메소드를 호출하여 현재 창을 닫습니다.

window.close 메소드를 사용하는 경우 브라우저는 사용자에게 현재 창을 닫을 것인지 묻는 프롬프트 상자를 표시합니다. 이는 오작동을 방지하기 위해 설정된 필수 메커니즘입니다. 현재 이 프롬프트 상자를 비활성화할 수 있는 안정적인 방법은 없습니다.

Summary

Close 현재 창 이벤트는 JavaScript의 일반적인 작업으로, 위의 두 가지 방법을 통해 쉽게 구현할 수 있습니다. 브라우저 보안 제한으로 인해 종료가 실패하거나 프롬프트 상자가 나타날 수 있으므로 주의하시기 바랍니다. 따라서 실제 개발에서는 특정 요구에 따라 적절한 폐쇄 방법을 선택하고 오작동으로 인한 악영향을 최대한 피하도록 노력해야 합니다.

위 내용은 자바스크립트에서 현재 창 이벤트를 닫는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

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