Incluir Scripts

Se pueden poner en cualquier sitio, aunque se suelen poner todos juntos en el HEAD. También se pueden incluir desde un fichero externo, en la forma:
<SCRIPT LANGUAGE="JavaScript|VBScript" SRC="fichero.js|vbs">
	<!-- Begin to hide script contents from old browsers.
	. . . Otras funciones de script.
	//End the hiding here. -->
</SCRIPT>

Si el código no se incluye en ninguna función, se ejecuta al cargar la página. Para llamar a una función de script existen varios métodos:

1. Asociar una función de evento a un elemento según el nombre de éste (sólo en VBScript y por tanto en IE). Si el elemento se nombra con NAME="Boton1", se asocia el evento "onclick" creando una función llamada Boton1_OnClick en VBScript:
2. Indicar en el propio elemento el evento y la función a la que se llama al producirse dicho evento, en la forma evento="función()" (permite llamar a una misma función desde varios elementos):

Dentro de la función de evento hay dos formas de hacer referencia al objeto que produjo el evento: mediante el atributo NAME definido en el tag de dicho objeto, o bien pasando el propio objeto (mediante "this" o "self") como parámetro a la función de evento.

3. Indicar en el propio elemento el evento y el código en línea a ejecutar al producirse dicho evento, en la forma evento="código en línea":
4. Es posible ejecutar un script al hacer clic en un enlace, en la forma HREF="javascript|vbscript: función|código en línea":

Haz clic aquí para ejecutar un script.

5. También se puede llamar al script asociando la función por un nombre de ID y saltar a otra página normalmente con el HREF (sólo IE):
Haz clic aquí para ejecutar VBScript y saltar a "enlacespruebas.htm".
Haz clic aquí para ejecutar JavaScript y saltar a "enlacespruebas.htm".

Propiedades Estándares de HTML Dinámico (sólo IE)

Algunos ejemplos:

1. 'className' obtiene o modifica la clase de un elemento ID:

Párrafo ID="P1" con el formato de la clase por defecto. Al hacer clic en el botón se cambiará dinámicamente la clase del párrafo a Sangrado. Si tiene clase Sangrado se cambiará a la clase Verde, y si tiene clase Verde se volverá a aplicar la clase por defecto.

2. 'innerHTML' obtiene o modifica el código HTML de un elemento, mientras que 'innerText' sólo se refiere al texto:

Párrafo ID="P2" de ejemplo con varios elementos de HTML. Al hacer clic en el botón se verá el código HTML y se cambiará dinámicamente dicho código.


Métodos Estándar de HTML Dinámico (sólo IE)

Algunos ejemplos:

1. 'insertAdjacentHTML' inserta nuevos elementos en la página e 'inserAdjacentText' inserta texto:

Clic en el botón para insertar nuevos elementos.


Eventos Estándar de HTML Dinámico (también en Netscape)

Algunos ejemplos:

1. 'onclick' y 'ondblclick' para acceder a un enlace con doble clic:

Este enlace sólo funciona con doble clic.


Enlace Dinámico de Datos (sólo IE)

1. Ejemplo de objeto ActiveX: control TDC (Tabular Data Control) con los datos cargados en forma de tabla. Los datos a visualizar tienen el siguiente formato: 
Element,IEx,Netscape,Mosaic,Spec
<!-- ...,Iconos/tick.gif,Iconos/tick.gif,Iconos/tick.gif,HTML 2.0
<!DOCTYPE ...>,Iconos/tick.gif,Iconos/tick.gif,Iconos/tick.gif,HTML 2.0
<A ...>,Iconos/tick.gif,Iconos/tick.gif,Iconos/tick.gif,HTML 2.0
  ...HREF,Iconos/tick.gif,Iconos/tick.gif,Iconos/tick.gif,HTML 2.0
...
Inicialmente no se ve la tabla, y se carga con el botón 'Cargar datos':


Modelos de Objetos de Scripts

Un mogollón de objetos, propiedades, eventos y métodos, cada uno con particularidades específicas según se utilice Internet Explorer o Netscape.