Herramientas para desarrolladores : Cursos, manuales y guías de referencia : Cursos : Curso de JavaScript :
Capítulo 1: Introducción a JavaScript
El presente tutorial no pretende ser una descripción extensa de los fundamentos de la programación de scripts de cliente con JavaScript. Intentaremos en estas páginas introducir los conceptos básicos que permitan utilizar los scripts de los ejemplos de {El Código}, interpretarlos adecuadamente y realizar las modificaciones necesarias para adaptarlos a vuestras necesidades.
1. ¿Qué es JavaScript?
JavaScript es un lenguaje de scripts desarrollado por Netscape para incrementar las funcionalidades del lenguaje HTML. Sus características más importantes son:
- JavaScript es un lenguaje interpretado, es decir, no require compilación. El navegador del usuario se encarga de interpretar las sentencias JavaScript contenidas en una página HTML y ejecutarlas adecuadamente.
- JavaScript es un lenguaje orientado a eventos. Cuando un usuario pincha sobre un enlace o mueve el puntero sobre una imagen se produce un evento. Mediante JavaScript se pueden desarrollar scripts que ejecuten acciones en respuesta a estos eventos.
- JavaScript es un lenguaje orientado a objetos. El modelo de objetos de JavaScript está reducido y simplificado, pero incluye los elementos necesarios para que los scripts puedan acceder a la información de una página y puedan actuar sobre la interfaz del navegador.
2. El problema de las versiones
JavaScript fue desarrollado por Netscape, y la primera versión, la 1.0, fue introducida por primera vez en su navegador Netscape Navigator 2. JavaScript 1.1 representó una mejora en las características del lenguaje, y se incluyó en el Navigator 3.
Microsoft intentó dar soporte a la primera versión de JavaScript en el Internet Explorer 3 (con el nombre de JScript). Sin embargo, Jscript resultó poco fiable y estaba plagado de bugs.
El organismo de estandarización ECMA impulsó la creación de un estándar para normalizar la sintaxis del lenguaje JavaScript. El esfuerzo se concretó en el estándar ECMA-262, que Microsoft introdujo en el Internet Explorer 4. El ECMA-262 se basó en la versión 1.2 de JavaScript, introducida con el Navigator 4, por lo que compartía la mayoría de las características de éste, aunque sin ser totalmente compatible.
Las últimas versiones del Navigator (a partir de la 4.06) implementaron una nueva versión de JavaScript, la 1.3, totalmente compatible con la especificación ECMA-262. Desde entonces, la batalla de los navegadores ha dado un vuelco radical. La mayoría de los navegadores modernos (versiones 6 y 7 del IE, Opera y Netscape, y los nuevos navegadores Mozilla y Firefox) soportan la versión 1.5 de JavaScript, la última publicada.
En el apartado Compatibilidad entre versiones del curso de JavaScript Avanzado se muestra una tabla con las diferentes versiones de JavaScript, y los navegadores que las implementan.
3. ¿Cómo introducir JavaScript en el código HTML?
Básicamente existen dos formas de introducir un script de JavaScript en una página HTML:
- Embebido en el código HTML, entre las etiquetas o tags <script> y </script>. El siguiente código muestra un ejemplo de código JavaScript embebido en el HTML de una página. Como se observa, el código JavaScript figura entre las marcas de comentario HTML <!-- y -->, para que los navegadores antiguos (que no soportan las etiquetas script) no muestren el código fuente en la página. Además, delante de la marca de cierre de comentario HTML se insertan los caracteres //, que en JavaScript significan ignorar el resto de la línea, para que el intérprete JavaScript no dé error por la línea --> de comentario HTML.
<HTML>
<HEAD>
<TITLE>Introducción a JavaScript</TITLE>
<SCRIPT LANGUAGE="JavaScript" TYPE="text/javascript">
<!--
function saludo() {
window.alert('¡Bienvenido a JavaScript!')
}
//-->
</SCRIPT>
</HEAD>
<BODY onLoad="saludo()">
</BODY>
</HTML>
- Como archivo .js que se carga con la página HTML. Para ello, debe indicarse en las tags anteriores el nombre y ubicación del archivo .js que contiene el script JavaScript, como en este ejemplo:
<HTML>
<HEAD>
<TITLE>Tutorial de JavaScript</TITLE>
<SCRIPT LANGUAGE="JavaScript" TYPE="text/javascript" SRC="codigo.js"></SCRIPT>
</HEAD>
<BODY>
</BODY>
</HTML>
