jump to navigation

Cerrar una ventana con Javascript Septiembre 17, 2009

Publicado por lineadecodigo en : JavaScript , trackback

Un ejemplo sencillo por el que me pregunta mucha gente. Cómo cerrar una ventana del navegador con JavaScript, es decir, sin que el usuario pulse sobre el aspa o seleccione Salir... Este ejemplo nos puede ser útil en infinidad de casos... por ejemplo cuando levantamos una ventana emergente y queremos dar la posibilidad de cerrarla.

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:

window_close

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>

Articulos Similares:

|- Visualizar el ejemplo
|- Descargar el código
|- Reportar error en el código
|- Foro sobre Javascript

Enviar entrada por email Enviar entrada por email | Imprimir Imprimir | 2016 visitas

1 Star2 Stars3 Stars4 Stars5 Stars (Todavia sin evaluar)
Loading ... Loading ...

Comentarios»

Todavía no hay comentarios. ¿Quieres ser el primero?




Si tienes dudas sobre Javascript no dudes en visitar el Foro sobre Javascript.
Imagen CAPTCHA CAPTCHA Audio
Refrescar imagen