Tutorial Java

Tutorial de JavaScript

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 mostrar unacaja 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ágina está al "aldí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 formato correcto.

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. Elbotón sería parecido al siguiente. Podemos pulsarlo para ver su funcionamiento (debería llevarnos a la página anterior). Como diferencia con los ejemplos anteriores, hay que destacar que en este caso la instrucción Javascript se encuentra dentro de un atributo de HTML, onclick, que indica que esa instrucción se tiene que ejecutar como respuesta a la pulsación del botón. Se ha podido comprobar lafacilidad con la que se pueden realizar algunas acciones interesantes, existirían muchas otras muestras que nos reservamos para capítulos posteriores.

El lenguaje Javascript
En esta parte del libro vamos a conocer la manera de trabajar con Javascript, como incluir scripts y ser compatible con todos los navegadores. Muchas ideas del funcionamiento de Javascript ya se han descrito en capítulosanteriores, pero con el objetivo de no dejarnos nada en el tintero vamos a tratar de acaparar a partir de aquí todos los datos importantes de este lenguaje. Javascript se escribe en el documento HTML Lo más importante y básico que podemos destacar en este momento es que la programación de Javascript se realiza dentro del propio documento HTML. Esto quiere decir que en la página se mezclan los doslenguajes de programación, y para que estos dos lenguajes se puedan mezclar sin problemas se han de incluir unos delimitadores que separan las etiquetas HTML de las instrucciones Javascript. Estos delimitadores son las etiquetas y . Todo el código Javascript que pongamos en la página ha de ser introducido entre estas dos etiquetas.

En una misma página podemos introducir varios scripts, cada unoque podría introducirse dentro de unas etiquetas distintas. La colocación de estos scripts es indiferente, en un principio nos da igual donde colocarlos, pero en determinados casos esta colocación si que será muy importante. En cada caso, y llegado el momento se informará de ello convenientemente. También se puede escribir Javascript dentro de determinados atributos de la página, como el...