Javascript Estructura Básica

Javascript es un lenguaje interpretado y orientado a html; por tanto, no necesitamos ningún compilador, nos basta y sobra con que nuestro navegador sea compatible con javascript (Hoy en día la mayoría de los navegadores de internet admiten Javascript, aunque en unos casos el navegador tiene deshabilitado por defecto la ejecución de scripts).

Pues bien, la incrustación de un código de Javascript puede ser de dos formas:

1. Desde la misma página HTML.

2. Llamar el código desde un archivo externo

1.  Desde la página HTML

Se toman en cuenta los siguientes puntos:

• El script se coloca dentro de las etiquetas < head > y < / head > .
• Las etiquetas para ejecutar este script son  < script > y < / script >
• Dentro de estas etiquetas se incluye el atributo language="javascript" el cual indica que nuestro script se basa bajo este lenguaje ( Hay otros lenguajes, por ejemplo vbscript, JScript, etc.).
• Una buena costumbre es colocar el código dentro de las etiquetas de comentario del lenguaje HTML, esto es en casos en que el navegador de internet no soporte scripts y evite visualizar el código del script. Las etiquetas de comentarios inician con < ! --   y terminan con // -- >

Veamos un ejemplo:

< html >

< head >

< script language= "javascript" >

< !--

alert ("Mi primer programa en Javascript");  //alert es una función para mostrar en pantalla un mensaje

//-- >

< / script >

< / head >

< body >

< / body >

< / html >

2. Desde un archivo externo

Puntos a Tomar en cuenta:

• Para llamar un archivo con el código en Javascript basta con colocar las mismas etiquetas de < script > y < / script > dentro de la cabecera (head) y  colocar dos atributos que son type="text/javascript" y src="ruta del archivo" .
• El código se guarda en un archivo con extensión .js ;que es la extensión de los archivos Javascript y el código ya no se encierra entre los comentarios de HTML.

Veamos el siguiente ejemplo:

En un archivo llamado codigo.js usaremos la función alert("Mi Primer programa en Java" ); como en el ejemplo anterior para mostrar en pantalla un mensaje. El archivo se ubica en la misma carpeta que nuestra página web.

< html >

< head >

< script type="text/javascript" src="codigo.js" > < / script >

< / head >

< body >

< / body >

< / html >

 El resultado, en cualquiera de las dos formas es:

 Dependiendo de las necesidades o facilidades del programador, uno decidirá cuál es la mejor opción para sus aplicaciones web, ya sea desde un archivo externo o desde la misma página.