Principal
Adelante
Atrás


 

 

¿Dónde Incluir?

 

    Antes siquiera de que conozcamos la sintaxis o una primera orden de JavaScript, debemos saber primero cómo se incluye un script dentro de un documento HTML.

    El codigo JavaScript se inserta directamente en nuestra pagina HTML. Hay cuatro (4) maneras de hacerlo:

    1. En el cuerpo del documento

    Es decir entre los comandos <BODY> y </BODY> usando el comando <SCRIPT>

    <HTML>
    <HEAD><TITLE>Titulo</TITLE></HEAD>
    <BODY>
    <SCRIPT LANGUAGE=JavaScript>
    <!-- escondemos el codigo>
    document.write("Hola que tal");
    // fin de esconder -->
    </SCRIPT>
    </BODY>
    </HTML>

     

    Este codigo se ejecuta inmediatamente al cargar la pagina y lo que produce es un texto sobre la pagina, para ello use el metodo write del objeto document, que representa al documento actual.

    Nota que use un comentario <!-- --> para ocultar el codigo a los navegadores que no soportan JavaScript.

    2. En archivo aparte

    En este caso todo el codigo del script esta situado en otro archivo y se hace una llamada.

    <HTML>
    <HEAD><TITLE>Titulo</TITLE></HEAD>
    <BODY>
    <SCRIPT SRC=codigo.js>
    </SCRIPT>
    </BODY>
    </HTML>

    3. Usando manejadores de evento

    Los comandos de JavaScript son evaluados inmediatamente al cargarse la pagina. Las funciones son almacenadas, pero no ejecutadas, hasta cierto evento.

    <HTML>
    <HEAD><TITLE>Titulo</TITLE></HEAD>
    <BODY>
    <A HREF="" evento=metodo o llamada a funcion interna>algo</A>
    </BODY>
    </HTML>

    4. Haciendo una llamada a función.

    Dentro de la cabecera, despues del titulo. Es decir, entre los comandos </TITLE> y </HEAD> y luego la llamada a la funcion en el cuerpo.

    <HTML>
    <HEAD>
    <TITLE>Titulo</TITLE>
    <SCRIPT LANGUAGE=JavaScript>
    <!-- escondemos el codigo>
    function Ver() {
       alert("Le dije que NO !");
    }
    // fin de esconder -->
    </SCRIPT>
    </HEAD>
    <BODY>
    No haga Clic <A HREF="Ver()">AQUI</A>
    </BODY>
    </HTML>

     

    Observa que aquí se definio la función en la cabecera, pero recien se ejecuta al hacer clic en el enlace, que es el evento que llama a la funcion a la cual se le para un parametro.