Bouton "Fermer" sur la page

Question

Est-il possible de créer un lien ou un bouton pour fermer la page en cours? Comme j'ai ceci:

<div id="arrows"> 
     <a href="It works"><div id="arrow_left"></div></a> 
     <a href="It works too"><div id="arrow_right"></div></a> 
     <a href="??? =("><div id="arrow_close"></div></a> 
</div> 

Et si cela il est nécessaire ceci:

#arrow_close{ 
height: 7px;display: inline;float: left;width: 7px; 
background: url(../i/close-20.png) no-repeat; 
} 

Et je veux fermer la page avec un bouton « fermer ».

Answer 1

Vous pouvez utiliser

window.close() ou self.close() pour fermer la fenêtre actuelle.

Pour empêcher le navigateur d'afficher l'avertissement, vous devez définir la propriété opener, puis appeler la fermeture.

<a href="JavaScript:CloseWindow();"><div id="arrow_close"></div></a> 
<script type="text/javascript"> 
var CloseWindow = function() { 
    window.top.opener = null; 
    window.close(); 
} 
</script> 

Answer 2

<a href="javascript:window.close();"> 

(certains navigateurs ne permettent pas cela si la fenêtre n'a pas été ouverte par un script, en fonction des caractéristiques de sécurité activées)

Answer 3

Vous pouvez le faire en ligne assez facilement ... sur un div , vous feriez

onClick="javascript:window.close();" 

Mais sur une < une étiquette >, vous pouvez également faire

href="javascript:window.close();"