JavaScript básico
¿Cómo poner los scripts en tus páginas?
Un "Script" es un poco de código que hace algo en una página
web. Este código está hecho con un lenguaje llamado JavaScript
inventado por Netscape. Las cosas que pueden hacerse con JavaScript van
mucho más allá de lo que permite el lenguaje HTML, pero también es
mucho más difícil su aprendizaje. No obstante si es muy sencillo
utilizar los miles de scripts que se brindan de modo gratuito en la Red.
Veamos cómo se colocan en la pagina
En un documento HTML existen dos partes bien diferenciadas, llamadas cabecera
(HEAD) y cuerpo (BODY)
<HTML>
<HEAD>
LA CABECERA DEL DOCUMENTO
</HEAD>
<BODY>
EL CUERPO DEL DOCUENTO
</BODY>
</HTML>
La cabecera del documento es la sección entre: <HEAD> y </HEAD> Se acostumbra poner el código
JavaScript en la cabecera, ya que así el navegador puede almacenarlo en memoria
antes de que suceda un evento que lo inicie. Si un evento intenta iniciar un Script que no está todavía en memoria, el navegador se
confundirá y mostrará un mensaje de error.
El código JavaScript tiene que estar rodeado de etiquetas de principio y
fin, como se ve debajo
<HTML> <HEAD> <SCRIPT LANGUAGE=javascript> <!-- El código va aquí //--> </SCRIPT> </HEAD>
El cuerpo del documento (lo que va entre <BODY> y </BODY>) es lo que se ve en la pantalla. Normalmente es aquí donde se coloca la llamada al script, es decir, lo que hace que el código se inicie. Esto puede ser un código asociado a un click del ratón sobre un enlace, por ejemplo.
Para colocar un script en la página necesitas por tanto, copiar y pegar dos secciones de código, una que se coloca en la cabecera y otra en el cuerpo. Aunque esta última a veces se coloca en otros sitios, como por ejemplo dentro de la etiqueta BODY (<BODY "codigo de javascript aquí">).
Para copiar el código de un script que aparece en una página,
- Pulsa sobre la misma con el botón derecho en un sitio donde no haya imágenes,
- En el menú expandible que sale elige "Ver código fuente" si el navegador es el Internet Explorer o "Ver origen" en el Netscape
- Se abre entonces el programa Bloc de notas (Notepad) en el I.E. (otro editor en Netscape) mostrándote el código html de la página.
- Busca en la misma la sección de código que te interese, desde la etiqueta <SCRIPT LANGUAGE=javascript> hasta la etiqueta </SCRIPT>, incluidas ambas, selecciónalo, compiálo y pégalo en tu página.
- No te olvides luego de colocar también el código necesario para que se inicie el Script, que normalmente estará en el cuerpo.
- Guarda la página y pruébala. A veces es necesario colocar el código en un determinado orden o utilizar también un formulario asociado, etc.
También se coloca a veces el código en un fichero externo de extensión js. Esto se hace cuando el código en cuestión lo comparten varias páginas. De este modo se minimiza el tiempo de carga de las páginas.
<script language="JavaScript" src="extras/images.js" > </script>
El código estaría incluido en el fichero images.js.
Por
Antonio Berciano Alonso
Modificada 20/11/1.999