>  기사  >  웹 프론트엔드  >  HTML에서 현재 페이지를 닫는 방법

HTML에서 현재 페이지를 닫는 방법

coldplay.xixi
coldplay.xixi원래의
2021-04-28 10:33:5412676검색

HTML에서 현재 페이지를 닫는 방법: 1. 닫으라는 메시지를 사용자 정의합니다. 2. 사용자가 현재 페이지를 떠나려고 할 때 사용자는 브라우저의 닫기 버튼 최대화 또는 최소화에서 onbeforeunload 이벤트 닫기 버튼을 클릭합니다. .

HTML에서 현재 페이지를 닫는 방법

이 튜토리얼의 운영 환경: windows7 시스템, html5 버전, DELL G3 컴퓨터.

html에서 현재 페이지를 닫는 방법:

1. 닫을 사용자 정의 프롬프트

<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()" />

2. 현재 페이지를 떠나려고 할 때(새로 고침 또는 닫기)

사용자가 최대화 최소화 닫기 버튼을 클릭합니다. 브라우저 버튼을 닫을 때

onbeforeunload 이벤트는 현재 페이지가 떠나려고 할 때(새로 고침 또는 닫힐 때) 트리거됩니다.

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>html中</title>
</head>
<body onbeforeunload="return myFunction()">
<p>该实例演示了如何向 body 元素添加 "onbeforeunload" 事件。</p>
<p>关闭当前窗口,按下 F5 或点击以下链接触发 onbeforeunload 事件。</p>
<a href="http://www.runoob.com">点击调整到菜鸟教程</a>     
<script>
    function myFunction() {
        return "我在这写点东西...";
    }
</script>
</body>
</html>
rrree

관련 학습 권장 사항: html 비디오 튜토리얼

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

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.