Java desde cero

Tu mejor ayuda para aprender a hacer webs www.desarrolloweb.com

Taller de Javascript

Autores del manual Este manual ha sido realizado por los siguientes colaboradores de DesarrolloWeb.com: Miguel Angel Alvarez Carlos Luis Cuenca Ignacio Rodriguez
Director de DesarrolloWeb.com http://www.desarrolloweb.com (60 capítulos) http://www.helloworldsolutions.com/ (6 capítulos) (1 capítulo)

FabioNúñez

Webmaster de Dreamweavering http://www.dreamweavering.com (1 capítulo)

Richar Mendoza

Webmaster de AyacuchoEnLinea, Universidad San Cristóbal http://www.ayacuchoenlinea.com (1 capítulo)

Juan Carlos Gámez

Espacio Latino http://www.espaciolatino.com (1 capítulo)

David
(1 capítulo)

José Alberto Torres Arroyo
Ldo en Publicidad y RR.PP (1 capítulo)

Bruno SuárezLaffargue
Analista/Programador http://www.helloworldsolutions.com/ (1 capítulo)

Manuel Estévez Simonet
(1 capítulo)

Juan Carlos Aleman Paez
(1 capítulo)

Arturo Ramo García
http://www.aplicaciones.info/

Taller de Javascript: http://www.desarrolloweb.com/manuales/22/ © Los manuales de DesarrolloWeb.com tienen el copyright de sus autores. No reproducir sin autorización.

1

Tu mejorayuda para aprender a hacer webs www.desarrolloweb.com

(1 capítulo)

César Pietri

http://www.tips-web.com (1 capítulo)

José Antonio Jiménez Garelli
(2 capítulos)

Javier Bernal Lérida
(1 capítulo)

Alex Sancho
http://alexsancho.name/ (1 capítulo)

Ismael Zori

Gema Maria Molina Prados

http://www.telefonica.net/web2/izori/ Equipo DesarrolloWeb.com (1 capítulo)http://www.desarrolloweb.com/ (1 capítulo)

Efectos rápidos con Javascript
Antes de meternos en materia podemos ver una serie de efectos rápidos que se pueden programar con Javascript. Esto nos puede hacer una idea más clara de las capacidades y potencia del lenguaje que nos vendrán bien para tener una idea más exacta de lo que es Javascript a la hora de recorrer los siguientes capítulos. Abrir una ventanasecundaria 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.
window.open("http://www.google.com","","width=550,height=420,menubar=no")

Podemos ver el ejemplo en marcha aquí. Un mensaje de bienvenida Podemos mostraruna caja de texto emergente al terminarse de cargar la portada de nuestro sitio web, que podría dar la bienvenida a los visitantes.
window.alert("Bienvenido a mi sitio web. Gracias...")

Puedes ver el ejemplo en una página a parte. Fecha actual Veamos ahora un sencillo script para mostrar la fecha de hoy. A veces es muy interesante mostrarla en las webs para dar un efecto de que la páginaestá al "al día", es decir, está actualizada.
document.write(new Date())

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. Podemos ver el ejemplo en marcha aquí.
Nota: Un detalle a destacar es que la fecha aparece en un formato un poco raro, indicando también la hora y otros atributos de la misma, pero yaaprenderemos a obtener exactamente lo que deseemos en el Taller de Javascript: http://www.desarrolloweb.com/manuales/22/ © Los manuales de DesarrolloWeb.com tienen el copyright de sus autores. No reproducir sin autorización. 2

Tu mejor ayuda para aprender a hacer webs www.desarrolloweb.com

formato correcto.

Botón de volver Otro ejemplo rápido se puede ver a continuación. Se trata de unbotó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.

El botón sería parecido al siguiente. Podemos pulsarlo para ver su funcionamiento (debería llevarnos a la página anterior).
Atrás

Como...