JavaScript en la práctica |
| |||
| ||||
Antes de empezar a ver los diferentes ejemplos que os mostramos, debemos tener presentes algunos aspectos básicos del lenguaje para comprenderlo mejor:
| JavaScript es case sensitive; es decir, que distingue entre las mayúsculas y las minúsculas, por lo que deberemos tener cuidado con su uso dentro de variables y mandos. |
| Los corchetes ( { } ) se utilizan para definir fragmentos de código de una función. Sirven básicamente para diferenciar cadenas de acción y evitar que se mezclen. |
| El punto y coma ( ; ) tiene como función separar sentencias que se encuentran en una misma línea, o bien indicar el final de una sentencia que ocupa más de una línea. |
| Al igual que la mayoría de los lenguajes de programación, JavaScript permite definir variables, que tienen por función cargar en memoria datos que se tienen que procesar. Para declararlos, deberemos utilizar la palabra var seguimiento del nombre de la variable. |
| También podemos utilizar operadores, que nos permiten combinar diferentes valores en una expresión concreta. En JavaScript se introducen por grupos (aritméticos, lógicos, de comparación, condicionales, bit a bit y de asignación). |
| Una de las bases de este lenguaje son las funciones: un conjunto de sentencias que realizan alguna tarea específica. Toda función debe tener el nombre de función, los argumentos de la función rodeados entre paréntesis y comas "( , )" y las sentencias en JavaScript que definen la función rodeadas entre corchetes ( {} ). Debemos tener presente que la definición de una función no implica per se que se ejecute. Esta opción será efectiva en el momento en el que se llame. |
| Dentro de la terminología del lenguaje, debemos contemplar distintos términos como métodos, lo cual es una acción que se ejecuta sobre los datos de un objeto. |
| Así pues, un objeto es una agrupación de variables denominadas propiedades que realizan operaciones con las variables propias del objeto. JavaScript dispone de objetos predefinidos, pero también pueden crearse objetos nuevos cuando sea necesario. |
| Por último, tendremos presentes los eventos, que son una serie de sucesos que tienen lugar cuando se ejecuta algún tipo de acción. Los eventos deben asociarse directamente a un elemento HTML y no al código JavaScript. |
Pasemos, pues, a ver algunos ejemplos básicos para implementar fácilmente:
|
Cómo volver a una página anterior sin hacerlo desde el botón back de los navegadores.
|
|
Cómo abrir una ventana de alerta al cargar cualquier página.
|
|
Cómo actuar con los eventos onMouseOver y onMouseOut. Sirven para poner un texto en la barra de estado cuando situamos el puntero encima de un enlace u objeto, y también cuándo lo apartamos de ahí.
|
|
Cómo podemos abrir una ventana nueva. Son muy prácticas si se quiere presentar algún recurso sin perder la página actual desde la cual se activa el enlace.
|
|
Cómo poner la fecha de última actualización de una página. Es muy útil y se hace de manera automática. Pensad que de esta forma un usuario puede saber si lo que encontrará en aquella página está o no actualizado.
|
|
Cómo podemos hacer listas desplegables fácilmente. Se pueden gestionar de forma muy cómoda y nos permiten saltar a la selección realizada dentro de las diferentes opciones, por lo que nos ahorramos el botón de ir al recurso.
|
