GUÍA PRACTICA DE JAVASCRIPT

3- Cómo insertar código JavaScript

Para insertar funciones JavaScript en un documento web es necesario emplear la etiqueta (tag) <SCRIPT>

La sintaxis para ingresar un código Javascript es :

<script languaje="Javascript">
Acá va todo el código
</script>

Cuando escribimos <script> le indicamos que lo que sigue es programación y dentro del atributo Language indicamos el tipo del lenguaje, que en este caso, es el tema del tutorial (Javascript).

En realidad, en este momento, no necesitás poner language="JavaScript" dado que JavaScript es el lenguaje script por default en todos los browser .De todas maneras, esto puede cambiar, así es que es mejor seguir poniendo el elemento lenguaje.

Este es un ejemplo típico:

<html>
<head>
<script languaje="Javascript">
<!--
Acá va todo el código
//-->
</script>
</head>
<body>
Esto es un pequeño ejemplo.
</body>
</html>

La línea "<script languaje="Javascript">" indica que lo que viene después es programación y que lo analice con el interprete de Javascript y "</script>" es para decir que ahí termina el código.

Estos tags puede ir tanto dentro del <Head> como en el <Body>. Pero existe una diferencia muy grande entre ellos. Si ponemos nuestro código en el primero, haremos que este se ejecute antes de cargar toda la página, por eso todas las funciones que declaramos va a convenir ingresarlas ahí, así cuando las llamamos desde dentro del body las va a reconocer.

Ahora, los eventos los tenemos que poner dentro de la página ya que interactuan con el contenido de esta. También todo lo que sea script, y que no sean funciones, o sea que ejecutan una sola vez en ese momento, van a tener que ir dentro de la sección <Body>.

¿Que son los signos "<!-- " y "// --> "?

Los navegadores viejos no reconocían JavaScript por esto, si no insertabas estos caracteres -que son los que usa el HTML para los comentarios-, aparecía toda la programación en el medio de la página del navegante, ya que se omitían las etiquetas desconocidas.

Ahora esto no es necesario, ya que un 90 por ciento de los navegantes tienen browsers que soportan este lenguaje. De todos modos, conviene seguir usándolos, para los que aún sigan con viejas versiones.

Más fácil

Hay que tener en cuenta que el código JavaScript no tiene una sola forma de insertarse por esto acá vamos a ver un ejemplo muy útil para ahorrarse mucho código.

<html>
<head>
<title>Ejemplo 2</title>
</head>
<body>
<a href="javascript:alert('Acabas de tocar el link')">Presióname</a>
</body>
</html>

En este ejemplo al presionar el link "Presióname" se abre una ventana de alerta diciendo "Acabas de tocar el botón".

Ahora analicemos el tag "<a href="javascript:alert('Acabas de tocar el link')">" Dentro de las comillas del href ingresamos el texto Javascript seguido por dos puntos y luego la instrucción Javascript.

La sintaxis de alert es : alert(mensaje)
El mensaje puede ser una variable, una concatenación de caracteres o simplemente un texto.
1-Como hacer sitios interactivos
2-Java y JavaScript: Parecidos pero diferentes
3- Cómo insertar código JavaScript
4- Cómo ver el código de una página y reutilizarlo


Este trabajo ha sido realizado por Tomás Rawski