Suscripción gratis
Susurros
Ariadn@
¿Intimidad?
Artículos
Seguridad
Acceso a BD
Autenticación
Comercio-e
Linux
Navegación segura
Control de acceso
CGI
Java
JavaScript
Cookies
Crashes
Agujeros
Spam
Remailers
Anonimato
Correo
seguro
Web seguro
Consejos prácticos
Referencias
Libro de Visitas
Abriendo y cerrando ventanas
Todo programador que se precie, cuando se adentra en un nuevo lenguaje, escribe siempre un primer programa que produce una salida con un saludo al mundo. En JavaScript existen varias formas de hacerlo, con diversos niveles de sofisticación. El más sencillo consiste en crear una ventana de alerta con el mensaje deseado:
| alert( "¡Hola, mundo!" ); |
Si esta sentencia se incluye entre las etiquetas <SCRIPT> en cualquier lugar de una página web, se presentará una ventana con el mensaje "¡Hola, mundo!". Pulsando en el botón de Aceptar, se cerrará, sin afectar al contenido del resto de la página. Te habrás fijado que cuando has entrado en esta página, apareció esa ventana sin tú hacer nada. Puedes examinar si quieres el código fuente de la página para ver cómo se hizo.
También puede añadirse como atributo de la etiqueta HREF, de manera que aparezca la ventana al seguir un enlace:
| Quiero ver la <a href="javascript:alert('Hola, mundo');">ventana</a>. |
Por último, se puede hacer que al pulsar un botón presente en la página web (es decir, en respuesta al evento onClick del botón), aparezca igualmente la consabida ventana:
| <input type="button" value="Mostrar ventana" onClick="alert('¡Hola, mundo!');"> |
Además de las ventanas de alerta, JavaScript proporciona otros dos tipos más, que permiten interactuar con el visitante:
prompt presenta una ventana con un mensaje y un recuadro de texto donde el usuario introduce aquello que se le pide. La cadena tecleada por el usuario puede almacenarse en una variable para su uso futuro.
| nombre = prompt('Introduce tu nombre', 'Desconocido'); |
confirm presenta una ventana con un mensaje y dos botones, Aceptar y Cancelar, que el usuario pulsará en función del contenido del mensaje. Si el usuario pulsa Aceptar, confirm devuelve un valor Verdadero (TRUE), mientras que si pulsa Cancelar, devuelve un valor Falso (FALSE), que puede ser utilizado por el guión en JavaScript para decidir que acción ejecutar a continuación.
| if (confirm('¿Desea continuar?')) // se ejecuta una acción else // se ejecuta otra |
También es posible abrir nuevas ventanas del navegador con el método open del objeto window:
| nuevaVentana=window.open("ventananav.html"); |
donde nuevaVentana es el identificador de un nuevo objeto window que identifica a la ventana recién creada, en la que se habrá cargado la página ventananav.html.
Algunos de los parámetros que se pueden controlar al abrir la nueva ventana, cuyos posibles valores pueden ser yes o no, son:
- directories: si su valor es yes, crea los botones de directorio estándar del navegador, tales como What's New y What's Cool en Netscape.
- height: especifica la altura en pixels de la ventana creada.
- menubar: si su valor es yes, crea una barra de menú en la parte superior de la ventana.
- resizable: si su valor es yes, permite al usuario cambiar el tamaño de la ventana.
- scrollbars: si su valor es yes, crea barras de desplazamiento vertical y horizontal cuando el tamaño del documento sea mayor que el de la ventana.
- status: si su valor es yes, crea una barra de estado en la parte inferior de la ventana.
- toolbar: si su valor es yes, crea una barra de herramientas estándar con botones.
- width: especifica la anchura en pixels de la ventana creada.
A su vez, las ventanas se pueden cerrar utilizando cualquiera de los siguientes tres métodos:
| window.close() self.close() close() |
Eso sí, el último de ellos no debe usarse en un gestor de eventos. Así, por ejemplo, para cerrar la ventana anterior, podría hacerse:
| nuevaVentana.close(); |
Copyright © 1997-2000 Gonzalo Álvarez Marañón, CSIC. Todos los derechos reservados.
Criptonomicón es un servicio ofrecido libremente desde el Instituto de Física Aplicada del CSIC. Para información sobre privacidad, por favor consulte la declaración de política sobre privacidad. Para sugerencias, comentarios o quejas, acuda al libro de visitas. Para contribuir al Criptonomicón, lea la página de contribuciones.
.