Javascript en documentos HTML

Mapa Web

Portada Javascript en documentos HTML

Se ofrece aquí un primer ejemplo en el que se ilustra la integración directa de código JavaScript en un documento HTML:

<HTML>

<HEAD>

<TITLE>Primer ejemplo de JavaScript</TITLE>

</HEAD>

<BODY>

Esto es texto normal de un documento HTML

<SCRIPT LANGUAGE="JavaScript"> docurnent.write("Texto generado desde JavaScript")

</SCRIPT>

Esto es, de nuevo, HTML

</body>

</HTML>

Como se puede observar, este ejemplo tiene la apariencia de un documento HTML estándar. La única novedad viene dada por la presencia del fragmento correspondiente al código JavaScript:

<SCRIPT LANGUAGE="JavaScript"> document.write('Texto generado desde Javascript")

</SCRIPT>

Para poder ver el resultado de su ejecución, bastará con cargar dicho documento con cualquiera de los clientes Web antes mencionados.

La salida, como se aprecia en las figuras adjuntas (para ambos clientes Web), se compone de tres líneas de texto:

- Esto es texto normal de un documento HTML

- Texto generado desde JavaScript

- De nuevo HTML

En realidad no se trata de un script útil, puesto que todo lo que ofrece (mostrar una línea de texto) se podría haber hecho en HTML directamente y, sin duda, con mayor comodidad. Sólo se trata de mostrar el funcionamiento del código <SCRIPT>.

En efecto, cualquier elemento que quede delimitado por los códigos <SCRIPT> y </SCRIPT> se considera código JavaScript .

En este caso particular, se ha utilizado document.write , una de las funciones más importantes de JavaScript, que permite escribir algo en el documento actual (en este caso, el documento HTML que contiene el ejemplo).

Capítulo anterior:
Javascript para aplicaciones cliente

Capítulo siguiente:
Archivos de código Javascript