> 웹 프론트엔드 > JS 튜토리얼 > 자바스크립트에서 페이지를 닫는 방법

자바스크립트에서 페이지를 닫는 방법

藏色散人
풀어 주다: 2023-01-05 16:11:44
원래의
6528명이 탐색했습니다.

JavaScript를 사용하여 페이지를 닫는 방법: 1. "window.close();"를 통해 메시지 없이 창을 닫습니다. 2. "custom_close"를 통해 페이지를 닫습니다. 3. "javascript:window.opener=null; " 현재 페이지를 닫습니다.

자바스크립트에서 페이지를 닫는 방법

이 문서의 운영 환경: Windows 7 시스템, JavaScript 버전 1.8.5, Dell G3 컴퓨터.

js에서 현재 페이지(창)를 닫는 여러 가지 방법 요약

1 프롬프트 없이 창을 닫는 js 코드

코드는 다음과 같습니다.

<a href="javascript:window.opener=null;window.open(&#39;&#39;,&#39;_self&#39;);window.close();">关闭</a>
로그인 후 복사

2.

코드는 다음과 같습니다.

<script language="javascript">
// 这个脚本是 ie6和ie7 通用的脚本
function custom_close(){
if 
(confirm("您确定要关闭本页吗?")){
window.opener=null;
window.open(&#39;&#39;,&#39;_self&#39;);
window.close();
}
else{}
}
</script>

<input id="btnClose" type="button" value="关闭本页" onClick="custom_close()" />
로그인 후 복사

3. 현재 페이지를 닫습니다.

코드는 다음과 같습니다.

<a href="javascript:window.opener=null;window.close();">关闭</a>如果是按钮则:
Response.Write("<script language=\"javascript\">window.opener=null;window.close();</script>");
로그인 후 복사

이렇게 닫기를 클릭하면 현재 창이 닫으려고 하는 대화 상자가 나타납니다.

사용자가 브라우저를 최대화 또는 최소화하면 어떻게 되나요? 버튼에서 닫기 버튼을 닫으면 닫기 확인 대화 상자도 나타납니다.

코드는 다음과 같습니다.

<body onbeforeunload="return &#39;真的要关闭此窗口吗?&#39;">
로그인 후 복사

이 경우 닫기 버튼을 클릭하면 onbeforeunload 함수가 실행되며 "정말로 이 창을 닫으시겠습니까?"라고 묻는 대화 상자가 나타나면 취소를 클릭하여 false를 반환하고 닫지 말고 클릭하세요. OK를 눌러 true를 반환하고 창을 닫습니다.

그러면 어떻게 버튼을 클릭하여 확인 및 취소 대화 상자를 표시할 수 있습니까? 취소를 클릭하면 다음 코드가 실행되지 않습니다. 계속하려면 확인을 클릭하세요. ?

버튼 클릭 시 쓰기:

코드는 다음과 같습니다.

Response.Write("<script language=\javascript\">" + "if(confirm(\"确定吗?\"))"+"{window.location.href=&#39;default.aspx&#39;;}"+"else{history.back();}"+"</script>");
로그인 후 복사

즉, 먼저 확인 기능을 사용하여 확인 및 취소가 포함된 대화 상자를 팝업으로 표시합니다. true.window.location.href='default.aspx' 코드를 실행하면 취소를 클릭하면 false가 반환되고, 원래 페이지로 돌아갑니다

[추천 학습: javascript] 고급 튜토리얼]

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

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