Cerrar una ventana con Javascript

[sasuke.17]

El código es sencillo, simplemente tenemos que lanzar el método .close() del objeto Window. Por ejemplo, si queremos lanzarlo desde un enlace, el código sería el siguiente:

<a onclick="javascript:window.close();" href="#">Cerrar la ventana</a>

Ahora, que cuando lo pruebas, no funciona... con lo fácil que parecía. Si vamos a la consola del navegador (en este caso del Firefox) vemos lo siguiente:



Esto quiere decir que no podemos cerrar vía JavaScript una ventana que no esté abierta desde JavaScript.

Es por ello que, en primer lugar, tendremos que abrir una ventana. Échale un vistazo al artículo Abrir una Ventana con Javascript, el cual lo explica detalladamente. Pero, a grandes rasgos, será utilizar el método .open().

Una vez utilizado el método .open(), deberemos de guardarnos la referencia de la ventana abierta. Ya que será sobre esta referencia donde lancemos el método .close().

<script type="text/javascript">
mywindow = window.open("http://lineadecodigo.com","lineadecodigo","directories=no, location=no, menubar=no, scrollbars=yes, statusbar=no, tittlebar=no, width=400, height=400");
</script>

Ahora con la referencia, mywindow, cerramos la ventana:

<a onclick="javascript:mywindow.close();" href="#">Cerrar la ventana</a>