Html

Existen cuatro formas en las que se puede agregar código de JavaScript en los documentos HTML. Estas son:

1. Dentro de un elemento <script >...</script>.

2. Usando un archivo vinculado .js.

3. Haciendo uso de manejadores de eventos dentro de algunos elementos HTML.

4. Mediante la sintaxis de dirección pseudo-URL javascript: referida a un enlace.

1. Hacer uso del elementos script.

El método más común para incluir código JavaScript dentro de un documento HTML es utilizando el elemento SCRIPT. Los navegadores que reconocen scripts o guiones asumen que el texto comprendido entre etiquetas <script>...</script> corresponde a algún lenguaje de script, de forma predeterminada se utiliza JavaScript, aunque es posible indicar mediante el uso del atributo languaje, el lenguaje que se debe utilizar.

<script language="JavaScript">

var msg = "Usando JavaScript";

document.write("<p>Estamos " + msg + ".</p>");

</script>

De acuerdo a la sintaxis propuesta por el consorcio W3C, en lugar del atributo language, debería hacer uso del atributo type, indicando el tipo MIME del lenguaje de script a utilizar. El tipo MIME para el lenguaje JavaScript es text/javascript. Así, el ejemplo anterior quedaría:

<script type="text/javascript">

var msg = "Usando JavaScript";

document.write("<p>Estamos " + msg + ".</p>");

</script>

En algún momento, se solía utilizar ambos atributos, para lograr la mayor compatibilidad posible con todos los navegadores en ese momento, no obstante, hoy en día todos los navegadores han implementado la recomendación de la W3C, por lo que puede hacerse uso únicamente del atributotype para indicar el lenguaje que será utilizado en el script.

Un mismo documento HTML puede contener uno o varios elementos SCRIPT, como se muestra a continuación:

2. Archivo vinculado .js

Una de las formas, más recomendadas para incluir código de JavaScript a un documento web es hacer uso del atributo src en el elemento SCRIPT, de modo que no se inserte el guión directamente en el documento HTML.Ingrese el siguiente código usando el Notepad++:

3. Manejadores de eventos en elementos

...