Está en la página 1de 5
(o} dererrolloweb.com Manual de JavaScript Efectos rapidos con Javascript En este tiltimo articulo de introduccién a de gran utilidad. vasctipt veremos algunos ejemplos de cédigos sencillos Antes de meternos de lleno en materia podemos ver una serie de efectos répidos que se pueden programar con Javascript, lo que nos puede hacer una idea mas clara de las capacidades y potencia del lenguaje. A continuacién veremos varios ejemplos, que hemos destacado para esta introduccién en el Manual de javascript, por tener un minimo de complejidad y aunque sean muy basicos, nos vendrin bien para tenet tuna idea més exacta de lo que es Javascript 2 la hora de recorrer los siguientes capitulos. Abrir una ventana secundaria Primero vamos a ver que con una linea de Javascript podemos hacer cosas bastante atractivas. Por ejemplo podemos ver e6mo abrir una ventana secundaria sin barras de meniis que muestre el buseador Google. El cédigo seria el siguiente. window. cpenonta://a sgl, was haga, rere") serine Podemos ver cl ejemplo en marcha aqui. Un mensaje de bienvenida Podemos mostrar una caja de texto emergente al terminarse de cargar la portada de nu podria dar la bienvenida a los visitantes. sitio web, que window atertc"Benvenide am t80 me, Gracia." eserints Puedes yer el ejemplo en una pigina 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 pagina esté al "al dia", es decir, esta actualizada, “eript>decaant. testo te) /ertpte Estas lineas deberfan introducitse dentro del cuerpo de la pagina en el lugar donde queramos que aparezea Ja fecha de Gina actualizacién, Podemos ver el ejemplo en marcha aqui. tsp /desartolloweb.com/manuales/manual-javascript ttn Pagina 11 de 125, (o} dererrolloweb.com Manual de JavaScript [Notas Un deualles destcar es que a fecha aparece en un formato tn poco rato, indicando también la hhors y otros atribatos de ls misma, pero ya aprenderemos a obtener exactamente lo que deseemos en Formato correct. Boton de volver Otro ejemplo rapido 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 de! navegador. Ahora veremos una linea de cédigo que mezcla HTML. y Javascript para crear este botén que muestra la pagina anterior en el historial, si es que la hubiera. rout type-ustonvalventres ance" story. g0CI)"> El botén seria parecido al siguiente, un botén normal con el aspecto predeterminado que el navegador y sistema operative que usas otorgue a los botones. A continuacidn tienes una imagen sobte cémo se veria el botén en mi sistema, Atras 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 la facilidad con la que se pueden realizar algunas acciones interesantes. Como podréis imaginar, existirian muchas otras muesteas scncillas de Javascript que nos reservamos para capitulos posteriores. Silo deseas, puedes ver cémo hemos desattollado algunos de estos efectos répidos Javascript paso por paso yon video. Hn el siguiente articulo empezaremos ya a hablar del propio lenguaie de programacién Javascript. Este artical es obra de Mig! Angel Alnaeg Fue publicado por primera vez en 16/07/2001 Disponible online en J! | derarlahcom/ arene! 20.99 tsp /desartolloweb.com/manuales/manual-javascript ttn Pagina 12 de 125 —. dererrolloweb.com Manual de JavaScript Comenzamos a aprender cosas que tienen que ver directamente con la programaci6n en el lenguaje Javascript y la manera con la que se integra éste en una pagina web, El lenguaje Javascript ‘Veamos cémo se e: insertar scripts en p. ibe el cédigo en Javascript y para ello comentaremos las primeras reglas para nas web. Ein esta parte del manual sobre Javascript vamos a conocer la manera més basica de trabajar con el lenguaje. En este articulo daremos las primeras informaciones sobre cémo ineluir scripts, mezelando cl propio cédigo Javascript con el HTML. Luego veremos también cémo se debe colocar cédigo para que nuestra web sea compatible con todos los navcgadores, incluso aquellos que no soportan Javascript, Muchas ideas del funcionamiento de Javascript ya se han descrito en capitulos anteriores, pero con el objetivo de no dejarnos nada en el tintero vamos a tratar de acaparar a partir de aqut todos los datos importantes de este lenguaje. Javascript se escribe en el documento HTML Lo mas importante y basico que podemos destacar en este momento es que la programacién de Javascript se realiza dentro del propio documento HTML. Es decir, el eédigo Javascript, en la mayoria de los casos, se mezcla con el propio cédigo HTML para generar la pagina. Esto quiere decir que debemos aprender 2 mezclar los dos lenguajes de programacién y rapidamente veremos que, para que estos dos lenguajes puedan convivir sin problemas entze ellos, se han de incluir unos delimitadores que separan las etiquetas HTML de las instrucciones Javascript. Estos delimitadores son las, etiquetas . Todo el cédigo Javascript que pongamos en la pagina ha de ser introducido entre estas dos etiquetas. La colocacién de los scripts si que importa En una misma pagina podemos introducir varios scripts, cada uno que podria introducirse dentro de unas ctiquetas