Maison > Article > interface Web > Implémenter une méthode pour fermer la fenêtre en cliquant sur une page nouvellement ouverte

Implémenter une méthode pour fermer la fenêtre en cliquant sur une page nouvellement ouverte

一个新手original: 2017-10-24 09:13:551747parcourir

1. Pendant le processus de développement, notre expérience utilisateur frontale nécessite parfois de cliquer sur un bouton pour fermer la fenêtre actuelle du navigateur. Vous pouvez le faire avec le DOM HTML.

2. Remarque : Cette écriture nécessite de fermer dans une nouvelle fenêtre. target="_blank"

3. Ouvrez b.html à partir de a.html et cliquez sur le bouton dans la page b pour fermer la page B

4. Code d'une page

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
 <head>
  <title> new document </title>
  <meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />
 </head>
 <body>
  <div>
  <a href=&#39;button_colse.html&#39; target="_blank">测试点击按钮关闭当前页面</a>
  </div>
 </body>
</html>

5.b code page

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
 <head>
  <title> new document </title>
  <meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />
  <style type="text/css"></style>
  <script type="text/javascript" src="jquery-1.7.1.min.js"></script>
 </head>
 <body>
  <div>
  点击我关闭本页面
  </div>
  <button  onclick="javascript:window.opener=null;window.open(&#39;&#39;,&#39;_self&#39;);window.close();" type="button" role="button" aria-disabled="false">
        <span class="ui-button-text">
        <span>关闭</span>
        </span>
 </button>
 </body>
</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

Article précédent：Comment implémenter le compte à rebours dans JSArticle suivant：Comment implémenter le compte à rebours dans JS

Articles Liés

Voir plus