Maison  >  Article  >  interface Web  >  Comment fermer la page actuelle en HTML

Comment fermer la page actuelle en HTML

coldplay.xixi
coldplay.xixioriginal
2021-04-28 10:33:5412664parcourir

Comment fermer la page actuelle en HTML : 1. Personnalisez l'invite de fermeture ; 2. Lorsque l'utilisateur est sur le point de quitter la page actuelle, l'utilisateur clique sur le bouton de fermeture de l'événement beforeunload dans la fermeture d'agrandissement ou de réduction. bouton du navigateur.

Comment fermer la page actuelle en HTML

L'environnement d'exploitation de ce tutoriel : système Windows 7, version HTML5, ordinateur DELL G3.

Comment fermer la page actuelle en HTML :

1. Personnalisez l'invite pour fermer

<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. page actuelle (actualiser ou fermer)

Lorsque l'utilisateur clique sur le bouton de fermeture dans le bouton de fermeture maximiser/réduire du navigateur

L'événement onbeforeunload est déclenché lorsque l'utilisateur est sur le point de quitter la page actuelle page (actualiser ou fermer).

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

Recommandations d'apprentissage associées : Tutoriel vidéo HTML

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn