Introducción a JavaScript

Material preparado para la clase de Introducción a JavaScript a partir del libro Introducción a JavaScript, autor: Javier Eguiluz.

Prof. María Zeballos

Introducción a JavaScript

• JavaScript es un lenguaje de programación que se utilizaprincipalmente para crear páginas web dinámicas.

• Una página web dinámica es aquella que incorpora efectoscomo texto que aparece y desaparece, animaciones,acciones que se activan al pulsar botones y ventanas conmensajes de aviso al usuario.

• Técnicamente, JavaScript es un lenguaje de programacióninterpretado, por lo que no es necesario compilar losprogramas para ejecutarlos. En otras palabras, losprogramas escritos con JavaScript se pueden probardirectamente en cualquier navegador sin necesidad deprocesos intermedios.

Prof. María Zeballos

Cómo incluir JavaScript en sus páginas web.

En este seminario se trabajará con JavaScript enarchivos externos. Los archivos de tipoJavaScript son documentos normales de textocon la extensión .js, que se pueden crear concualquier editor de texto como los usados en elseminario anterior.

Prof. María Zeballos

Cómo incluir JavaScript en sus páginas web.

La principal ventaja de enlazar un archivoJavaScript externo es que se simplifica el códigoHTML de la página, que se puede reutilizar elmismo código JavaScript en todas las páginas delsitio web y que cualquier modificación realizadaen el archivo JavaScript se ve reflejadainmediatamente en todas las páginas HTML quelo enlazan.

Prof. María Zeballos

Cómo incluir JavaScript en sus páginas web.

• El archivo externo de tipo JavaScript seenlaza, desde el documento HTML, mediantela etiqueta <script>. Como se estudió en elseminario anterior, la sintaxis en HTML5 es:

<script src="miScript.js"></script>

• En XHTML sería:<script src="miScript.js" type="text/javascript"></script>

Prof. María Zeballos

Cómo incluir JavaScript en sus páginas web.

• Se pueden crear todos los archivos JavaScript que seannecesarios y cada documento HTML puede enlazar tantosarchivos JavaScript como necesite.

• El atributo src indica la URL correspondiente al archivoJavaScript que se quiere enlazar. Cada etiqueta <script>solamente puede enlazar un único archivo, pero en unamisma página se pueden incluir tantas etiquetas <script>como sean necesarias.

Prof. María Zeballos

Sintaxis

Las normas básicas que definen la sintaxis de JavaScript son las siguientes:

Prof. María Zeballos

No se tienen en cuenta los espacios en blanco ylas nuevas líneas. El intérprete de JavaScript ignoracualquier espacio en blanco sobrante, por lo que elcódigo se puede ordenar de forma adecuada paraentenderlo mejor (tabulando las líneas, añadiendoespacios, creando nuevas líneas, etc.)

Sintaxis

Las normas básicas que definen la sintaxis de JavaScript son las siguientes:

Prof. María Zeballos

No se tienen en cuenta los espacios en blanco ylas nuevas líneas. El intérprete de JavaScript ignoracualquier espacio en blanco sobrante, por lo que elcódigo se puede ordenar de forma adecuada paraentenderlo mejor (tabulando las líneas, añadiendoespacios, creando nuevas líneas, etc.)

Se distinguen las mayúsculas y minúsculas.No se define el tipo de las variables: al crear unavariable, no es necesario indicar el tipo de datoque almacenará. De esta forma, una mismavariable puede almacenar diferentes tipos dedatos durante la ejecución del script.

Sintaxis

Las normas básicas que definen la sintaxis de JavaScript son las siguientes:

Prof. María Zeballos

No se tienen en cuenta los espacios en blanco ylas nuevas líneas. El intérprete de JavaScript ignoracualquier espacio en blanco sobrante, por lo que elcódigo se puede ordenar de forma adecuada paraentenderlo mejor (tabulando las líneas, añadiendoespacios, creando nuevas líneas, etc.)

Se distinguen las mayúsculas y minúsculas.No se define el tipo de las variables: al crear unavariable, no es necesario indicar el tipo de datoque almacenará. De esta forma, una mismavariable puede almacenar diferentes tipos dedatos durante la ejecución del script.

No se define el tipo de las variables: al

crear una variable, no es necesario indicar el tipo dedato que almacenará. De esta forma, una mismavariable puede almacenar diferentes tipos de datosdurante la ejecución del script.

Sintaxis

Las normas básicas que definen la sintaxis de JavaScript son las siguientes:

Prof. María Zeballos

No se tienen en cuenta los espacios en blanco ylas nuevas líneas. El intérprete de JavaScript ignoracualquier espacio en blanco sobrante, por lo que elcódigo se puede ordenar de forma adecuada paraentenderlo mejor (tabulando las líneas, añadiendoespacios, creando nuevas líneas, etc.)

Se distinguen las mayúsculas y minúsculas.No se define el tipo de las variables: al crear unavariable, no es necesario indicar el tipo de datoque almacenará. De esta forma, una mismavariable puede almacenar diferentes tipos dedatos durante la ejecución del script.

No se define el tipo de las variables: al

crear una variable, no es necesario indicar el tipo dedato que almacenará. De esta forma, una mismavariable puede almacenar diferentes tipos de datosdurante la ejecución del script.

No es necesario terminar cada sentencia con elcarácter de punto y coma (;). Aunque JavaScript no

obliga a hacerlo, es conveniente seguir la tradición de terminarcada sentencia con el carácter del punto y coma (;), por lo que en lamayoría de los ejemplos de este curso se usa el punto y coma.

Sintaxis

Las normas básicas que definen la sintaxis de JavaScript son las siguientes:

Prof. María Zeballos

No se tienen en cuenta los espacios en blanco ylas nuevas líneas. El intérprete de JavaScript ignoracualquier espacio en blanco sobrante, por lo que elcódigo se puede ordenar de forma adecuada paraentenderlo mejor (tabulando las líneas, añadiendoespacios, creando nuevas líneas, etc.)

Se distinguen las mayúsculas y minúsculas.No se define el tipo de las variables: al crear unavariable, no es necesario indicar el tipo de datoque almacenará. De esta forma, una mismavariable puede almacenar diferentes tipos dedatos durante la ejecución del script.

No se define el tipo de las variables: al

crear una variable, no es necesario indicar el tipo dedato que almacenará. De esta forma, una mismavariable puede almacenar diferentes tipos de datosdurante la ejecución del script.

No es necesario terminar cada sentencia con elcarácter de punto y coma (;). Aunque JavaScript no

obliga a hacerlo, es conveniente seguir la tradición de terminarcada sentencia con el carácter del punto y coma (;), por lo que en lamayoría de los ejemplos de este curso se usa el punto y coma.

Se pueden incluir comentarios para añadir información en elcódigo fuente del programa. Tenga en cuenta que el contenidode los comentarios no se visualiza por pantalla, pero si se envía alnavegador del usuario junto con el resto del script.JavaScript define dos tipos de comentarios: los de una sola líneaque se definen añadiendo dos barras oblicuas (//) al principio dela línea; y los que ocupan varias líneas que se definen encerrandoel texto del comentario entre los símbolos /* y */.