Unidad 11. JavaScript (II)


JavaScript <script>

 

Para insertar funciones JavaScript en un documento, es necesario insertar las etiquetas <script> y </script> dentro de la cabecera (entre las etiquetas <head> y </head>) o dentro del cuerpo de la página.

A través del atributo language hay que especificar el lenguaje de script, que en este caso será JavaScript.

Entre las etiquetas <script> y </script> habrá que insertar las funciones JavaScript.

Si un navegador no reconoce la etiqueta <script>, mostrará el código de las funciones que ésta contenga. Para que esto no ocurra, las funciones se insertan como comentarios, entre <!-- y //-->.

En las funciones no hay que insertar caracteres especiales, debido a un fallo de Netscape corremos el riesgo de que al ejecutarse la función en un ordenador con un juego de caracteres distinto se produzcan fallos.

Por ejemplo, podríamos insertar el siguiente código:

<script>
  <!--
    function Muestramensaje()
    {
      alert("Esto es un mensaje, activado por una función javascript");
    }

  //-->
</script>

La función que hemos insertado es una función muy sencilla, que muestra un mensaje de alerta.

Si dentro del documento insertáramos el siguiente código:

<img src="imagenes/logo_animales.gif" onClick="Muestramensaje">

Obtendríamos una imagen como la que aparece a continuación, que al ser pulsada llama a la función. Pulsa sobre la imagen para ver lo que ocurre:

A través del atributo onClick hemos definido la función que será llamada al pulsarse sobre el objeto.

Podemos utilizar muchos otros atributos para llamar a funciones, como pueden ser onDblClick (al hacer doble clic), onMouseOver (mientras el cursor este encima) o onMouseOut (cuando el cursor deje de estar encima).

 

Para practicar los distintos aspectos explicados en el tema puedes realizar el Ejercicio paso a paso Llamadas a javascript.

  Ejercicios del Tema 11.

  Prueba evaluativa del Tema 11.

Atrás  Inicio  Adelante


.