Conceptos Básicos

La siguiente guia es compatible con JavaScript 1.2, esto garantiza que todas las funciones descritas sean capaces de ejecutarse en los navegadores más antiguos y abundantes en Internet (principalmente Netscape 4.0 y Explorer 3.0), aunque hoy en día ya han sido agregadas mayores funcionalidades a JavaScript en su versión 1.5, sólo navegadores modernos (Netscape 6.0 y Explorer 6.0) son capaces de ejecutar tales tareas, al emplearse una versión de JavaScript anterior garantiza que su aplicación pueda ser observada por una mayor audiencia.

JavaScript Básico

JavaScript permite concentrar cierta lógica de una aplicación en el cliente, el cliente comúnmente es un navegador (Netscape o Explorer).Esto no solo alivia la carga que comúnmente realiza una aplicación de servidor sino también mejora el tiempo de respuesta para el usuario final ya que la lógica se ejecuta en el cliente; entre las desventajas se encuentra: el tiempo de descarga inicial (ya que el usuario debe bajar "download" toda la lógica a través de la red),la posibilidad que el usuario final altere información y que el cliente (navegador) utilizado por el usuario no sea capaz de ejecutar la lógica.

Decalaración de JavaScript

JavaScript se declara de un manera muy similar a la de HTML ya que utiliza los tags <script> para indicarle al Navegador que el contenido es JavaScript.


<html>
<head>
<title> Documento Básico en HTML </title>
 <script type="text/javascript">
<!--
var osmosis_mail = '<a href=mailto:webmaster@osmosislatina.com>';
-->
</script>
</head>
<body>
<h2> Este es el Titulo </h2>

<script type="text/javascript">
<!--
document.write("Envíe su correo a" + osmosis_mail +". Gracias);
-->
</script>
</body>
</html>

Nótese que en el documento se declaro en dos ocasiones JavaScript, además se puede observar que el contenido entre los tags <script> se encuentra entre tags de comentarios <!-- y --> , esto se hace con la intención que los navegadores no capaces de ejecutar JavaScript ignoren su contenido, fuera de esto al navegador no le interesa en que parte del documento se encuentran los tags de JavaScript; la primera declaración se encuentra en la parte superior entre los tags <head> solo por convención , ya que facilita ubicar los elementos JavaScript en un lugar determinado, mientras la segunda declaración escribe directamente a la pantalla su contenido.

Existe otro tipo de declaración para Javascript y esta es el parámetro SRC dentro de los mismos parámetros <script>:

<html>
<head>
<title> Documento Básico en HTML </title>
<script type="text/javascript" SRC="utilerias.js">
</script>
.....

En este tipo de declaración se esta indicando que el archivo utilerias.js contiene las funciones y declaraciones en JavaScript, esto tiene varias ventajas: el código fuente no es visible "directamente" por el usuario, se reduce la mezcla directa de JavaScript con HTML e incrementa la manutención de información del sitio, este último punto es más claro con un ejemplo:

Suponiendo que tiene 50 o 70 páginas que deben contener cierto correo electrónico, si este lo declara en HTML directamente tendría que modificar las 50 o 70 páginas manualmente para llevar acabo un cambio, si utiliza JavaScript solo requiere modificar un solo archivo y todas las páginas que lo utilicen serán modificadas. (Nótese que este tipo de operaciones suelen realizarse como aplicaciones de servidor mediante ADP's,ASP's o JSP's , pero si solo se tiene acceso a una instalación básica , sin base de datos , JavaScript es ideal para manutención de información.)

Como cualquier otro lenguaje de programación JavaScript permite definir funciones,arreglos,ciclos ( for's while's ), en las siguientes secciones de esta guia se intentará describir los usos más útiles de JavaScript.