miércoles, 21 de noviembre de 2012

Dinamizamos la página con Javascript.


Abrir una ventana secundaria

Primero vamos a ver que con una línea de Javascript podemos hacer cosas bastante atractivas. Por ejemplo podemos ver cómo abrir una ventana secundaria sin barras de menús que muestre el buscador Google. El código sería el siguiente.

<script>
window.open("http://www.google.com","","width=550,height=420,menubar=no")
</script>

Un mensaje de bienvenida

Podemos mostrar una caja de texto emergente al terminarse de cargar la portada de nuestro sitio web, que podría dar la bienvenida a los visitantes.

<script>
window.alert("Bienvenido a mi sitio web. Gracias...")
</script>

Fecha actual

Veamos ahora un sencillo script para mostrar la fecha de hoy. Ésto puede dar sensación de actualidad..

<script> document.write(new Date()) </script>

Estas líneas deberían introducirse dentro del cuerpo de la página en el lugar donde queramos que aparezca la fecha de última actualización.

Botón de volver

Otro ejemplo rápido se puede ver a continuación. Se trata de un botón para volver hacia atrás, como el que tenemos en la barra de herramientas del navegador. Ahora veremos una línea de código que mezcla HTML y Javascript para crear este botón que muestra la página anterior en el historial, si es que la hubiera.

<input type=button value=Atrás onclick="history.go(-1)">

No hay comentarios:

Publicar un comentario