(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