JavaScript는 웹 개발에 널리 사용되는 프로그래밍 언어로, 다양한 대화형 효과와 실용적인 기능을 구현할 수 있습니다. 기본 기능 중 하나는 창을 닫는 것인데, 이를 통해 사용자는 현재 페이지나 애플리케이션을 편리하게 종료할 수 있습니다. 이 기사에서는 JavaScript를 사용하여 창을 닫는 여러 가지 방법을 소개합니다.
가장 쉬운 방법은 window.close() 함수를 사용하는 것입니다. 이 함수에는 매개 변수가 필요하지 않으며 실행하면 현재 창을 닫을 수 있습니다. 예를 들어, 다음 코드는 버튼을 클릭할 때 현재 창을 닫을 수 있습니다:
<button onclick="window.close()">关闭窗口</button>
이 메서드는 JavaScript로 생성된 창만 닫을 수 있으며 기본 브라우저 창이나 사용자가 연 새 창은 닫을 수 없다는 점에 유의해야 합니다. 또한, 현재 창이 다른 웹사이트에서 열려 있는 경우 window.close()를 사용하여 창을 닫으면 브라우저에서 사용자에게 창 닫기 허용 여부를 묻는 경고 상자가 나타날 수 있습니다.
현재 창을 닫는 또 다른 방법은 window.opener.close() 함수를 사용하는 것입니다. 이 함수는 현재 창의 상위 창에서 실행되어 현재 창을 닫을 수 있습니다. 예를 들어, 다음 코드는 버튼을 클릭할 때 현재 창의 상위 창을 닫을 수 있습니다:
<button onclick="window.opener.close()">关闭窗口</button>
window.opener.close()를 사용하여 창을 닫을 때 상위 창은 다음에 의해 열려야 한다는 점에 유의해야 합니다. 자바스크립트. 사용자가 상위 창을 수동으로 연 경우 이 방법을 사용하여 창을 닫아도 아무런 효과가 없습니다.
window.opener.close()와 유사하게 window.parent.close() 함수는 현재 창의 부모 창에서 실행되어 현재 창을 닫을 수 있습니다. . 차이점은 window.parent.close()가 JavaScript로 생성되었거나 사용자가 열었던 모든 상위 창을 닫을 수 있다는 것입니다. 예를 들어, 다음 코드는 버튼을 클릭하면 모든 상위 창을 닫을 수 있습니다:
<button onclick="window.parent.close()">关闭窗口</button>
window.parent.close()를 사용하여 창을 닫을 때 사용자에게 묻는 팝업 경고 상자가 나타날 수 있다는 점에 유의해야 합니다. 폐쇄 기간을 허용할지 여부입니다. 또한 이 방법은 전체 브라우저가 아닌 창만 닫을 수 있습니다.
현재 창을 닫는 또 다른 방법은 window.open() 함수를 사용하여 빈 페이지를 연 다음 현재 창을 닫는 것입니다. 예를 들어, 다음 코드는 버튼을 클릭하면 빈 페이지를 열고 현재 창을 닫을 수 있습니다:
<button onclick="window.open('about:blank','_self').close()">关闭窗口</button>
window.open()을 사용하여 빈 페이지를 열 때 첫 번째 매개 변수는 다음과 같아야 합니다. 'about: 공백', 두 번째 매개변수는 '_self'여야 현재 창에서 새 페이지가 제대로 열릴 수 있습니다. 또한, 창을 닫을 때 창 닫기 허용 여부를 묻는 팝업 경고 상자가 나타날 수 있습니다.
요약
JavaScript를 사용하여 창을 닫는 것은 사용자가 페이지나 애플리케이션을 편리하게 종료하는 데 도움이 되는 매우 실용적인 기능입니다. 이 문서에서는 window.close(), window.opener.close(), window.parent.close() 및 window.open()을 사용하여 빈 페이지를 여는 것을 포함하여 창을 닫는 여러 가지 방법을 설명합니다. 이러한 방법에는 특정 제한 사항이 있으며 모든 상황에서 창을 닫는 요구 사항을 충족할 수 없다는 점에 유의해야 합니다. 따라서 실제 적용에서는 구체적인 상황에 따라 적절한 방법을 선택해야 합니다.
위 내용은 JavaScript를 사용하여 창을 닫는 여러 가지 방법에 대해 이야기해 보겠습니다.의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!