JavaScript es Case Sensitive, es decir, diferencia entre mayúsculas y minúsculas, por lo cual habrá que tener mucha precaución a la hora de escribir las expresiones. Se pueden escribir comentarios: cuando son de una linea bastará precederlos de "//", cuando son de más de una línea se escribirán entre "/*" y "*/". Tras cada orden de JavaScript va un ";", cuando son varías órdenes se pueden agrupar, escribiéndolas entre "{" y "}".
El objetivo de estas páginas no es hacer un manual de Javascript, sino mostrar su uso en ejemplos concretos, a través de los diferentes scripts que podréis encontrar en dicho apartado del índice. No obstante, a continuación y a modo de referencia vamos a presentar:
Expresiones
Objetos
Parámetros
Eventos
Funciones
Guía de referencia completa de javascript en inglés.
Expresiones JavaScript
Se componen de operadores, variables y constantes.
Operadores
Los más comunes son:
Operador Explicación
+ adición ( o concatenación en el caso de cadenas)
- substracción
* multiplicación
/ división
= igual (sólo para asignar un valor a una variable)
++ incremento
- - decremento
> mayor que
< menor que
>= mayor o igual que
<= menor o igual que
= = igual a (compara dos valores)
!= distinto de (compara dos valores)
&& y (une dos comparaciones)
|| o (una u otra comparación)
Constantes
Se trata de bloques de datos (cadenas, números) que JavaScript interpreta literalmente. Las cadenas numéricas se escriben tal cual, mientras que las de cadenas se escriben entre comillas dobles o sencillas. Por ejemplo:
x = 25 a = "Hola, qué tal"
Variables
Se trata de una palabra sin comillas que se puede utilizar para almacenar valores. Los nombres asignados a las variables deben comenzar siempre por una letra y no pueden contener espacios en blanco. Se puede utilizar el parámetro var antes del nombre de la variable para indicar que se está creando una nueva variable. Por ejemplo: var a indicaría que se ha creado la variable a. No obstante en JavaScript no es preciso crear la variable, sino que al asignarle un valor se creará automáticamente. En el ejemplo usado en el apartado anterior de constantes hemos creados 2 variables, cuyos nombre son "x" y "a" y cuyos valores son 25 y la expresión "Hola qué tal", respectivamente.
Objetos JavaScript
Javascript es un lenguaje orientado a objetos, es decir, podrá manejar diferentes objetos, tales como: la pantalla, la ventana, el documento, las etiquetas, los formularios.
Cada uno de estos objetos tienen una serie de características, a las que llamaremos propiedades. Además cada objeto podrá realizar toda una serie de cosas, a las que llamaremos métodos. Para hacer referencia a una propiedad se utiliza la sintáxis: nombredeobjeto.propiedad y para hacer referencia un método se utiliza la misma sintáxis aunque suele acabar con una apertura y cierre de paréntesis: nombredeobjeto.metodo().
A continuación hay una relación muy somera de los objetos que puede manejar JavaScript. Su uso específico se verá en los diferentes scripts de estos manuales.
Objeto documento (document):
Hace referencia a la página que se esté visualizando en ese momento. Algunas de sus propiedades son:
bgColor (color del fondo), fgColor (color del texto), linkColor, alinkColor y vlinkColor (color de los vínculos), location (la URL del documento), lastModified (última modificación), title (título de la página), links (enlaces del documento).
Algunos de sus métodos son:
clear, close (cerrar), open (abrir), write (escribir)
Ejemplos:
document.write ("Hola, buenas tardes"). Escribirá la cadena Hola, buenas tardes.
document.links.length. Mostrará el número de enlaces que tiene este documento.
document.links[1].href. Mostrará la URL del segundo enlace (la numeración comienza por 0).
document.lastModified. Escribirá la fecha y hora en que este documento se modificó por última vez.
Objeto cadena (string):
Hace referencia a la página que se esté visualizando en ese momento. Algunas de sus propiedades son:
length (longitud de la cadena).
Algunos de sus métodos son:
Para formatear: bold, blink, big, small, fontcolor, fontsize, italics, strike, sub, sup, toLowerCase, toUpperCase. Otros: indexOf (contenido en la cadena), charAt(x) (representa el caracter número x de la cadena)
Ejemplos:
nombre = "Juan Pérez". Crea la variable nombre y le asigna la cadena "Juan Pérez".
document.write (nombre.toUpperCase). Escribirá JUAN PÉREZ.
document.write (nombre.charAt(2)). Escribirá "a", es decir, la tercera letra de la cadena.
Objeto fecha (date):
Hace referencia a la página que se esté visualizando en ese momento. No tiene propiedades y algunos de sus métodos son:
getDate (sólo la fecha), getDay (el día), getMonth, getHours, getMinutes, getSeconds
Ejemplos:
fecha = new date(). Crea una variable llamada fecha, en la que se almacena la fecha y hora actual
Objeto pantalla (screen):
Contiene la información sobre la pantalla que usa el navegador. Algunas de sus propiedades son:
colorDepth (número de bits de colores en uso), height (altura de la pantalla en pixels), pixelDepth (número de bits por pixel), width (anchura de la pantalla en pixels).
Ejemplos:
document.write ("Estás viendo la página con una resolución de "+width+"*"+height+" pixels". Escribirá la resolución.
if (width<700 && height<500) alert ("Estas páginas están optimizadas para una resolución de 800*600 pixels y tu tienes una configuración inferior. \n Por favor, cambia tu configuración"). En el caso de que la resolución de la pantalla sea inferior a 700*500 saldrá una ventana de alerta con el mensaje que hayamos escrito.
if (width<700 && height<500) location.href="paginapeque.htm" else location.href="paginagrande.htm". Mostrará una página u otra según que la resolución sea inferior o mayodr de 700*500.
Otros objetos:
ancla (anchor): contiene una lista de todas las señales (A NAME) de ese documento.
Objetos para formularios: botón (button), casilla de verificación (checkbox), borrar (reset), enviar (submit), seleccionar (select), password.
formularios (forms): contiene una lista de todos los formularios de ese documento.
ventana (window): es el de más alto nivel y tiene numerosas propiedades y métodos para trabajar con él. Algunos de sus métodos son: open('nombre_página','nombre_ventana','propiedades:width, height, top, left, ...'), close (para cerrar la ventana), print (para imprimir la ventana), ... Entre sus propiedades tenemos: defaultStatus (para configurar el mensaje por defecto de la barra de estado), status (mensajes en la barre de estado), ...
localización (location): contiene información sobre la URL de la página en uso en ese momento.
historia (history): contiene una lista de todos los elementos del historial del navegador. A través de los métodos Back, Forward y Go podremos desplazarnos por ellos.
navegador (navigator): contiene información sobre el navegador que usamos para ver la página, a través de propiedades como: appName, appVersion, ...
matematicas (math): se trata de un objeto predifinido de JavaScript con numerosas propiedades y métodos para manejar datos y funciones numéricas.
marco (frame): contiene una lista de todos los marcos que se muestran en ese momento en la pantalla. Permite desplazarse por ellos, abrir nuevos, ...
matrices (array):
El objetivo de estas páginas no es hacer un manual de Javascript, sino mostrar su uso en ejemplos concretos, a través de los diferentes scripts que podréis encontrar en dicho apartado del índice. No obstante, a continuación y a modo de referencia vamos a presentar:
Expresiones
Objetos
Parámetros
Eventos
Funciones
Guía de referencia completa de javascript en inglés.
Expresiones JavaScript
Se componen de operadores, variables y constantes.
Operadores
Los más comunes son:
Operador Explicación
+ adición ( o concatenación en el caso de cadenas)
- substracción
* multiplicación
/ división
= igual (sólo para asignar un valor a una variable)
++ incremento
- - decremento
> mayor que
< menor que
>= mayor o igual que
<= menor o igual que
= = igual a (compara dos valores)
!= distinto de (compara dos valores)
&& y (une dos comparaciones)
|| o (una u otra comparación)
Constantes
Se trata de bloques de datos (cadenas, números) que JavaScript interpreta literalmente. Las cadenas numéricas se escriben tal cual, mientras que las de cadenas se escriben entre comillas dobles o sencillas. Por ejemplo:
x = 25 a = "Hola, qué tal"
Variables
Se trata de una palabra sin comillas que se puede utilizar para almacenar valores. Los nombres asignados a las variables deben comenzar siempre por una letra y no pueden contener espacios en blanco. Se puede utilizar el parámetro var antes del nombre de la variable para indicar que se está creando una nueva variable. Por ejemplo: var a indicaría que se ha creado la variable a. No obstante en JavaScript no es preciso crear la variable, sino que al asignarle un valor se creará automáticamente. En el ejemplo usado en el apartado anterior de constantes hemos creados 2 variables, cuyos nombre son "x" y "a" y cuyos valores son 25 y la expresión "Hola qué tal", respectivamente.
Objetos JavaScript
Javascript es un lenguaje orientado a objetos, es decir, podrá manejar diferentes objetos, tales como: la pantalla, la ventana, el documento, las etiquetas, los formularios.
Cada uno de estos objetos tienen una serie de características, a las que llamaremos propiedades. Además cada objeto podrá realizar toda una serie de cosas, a las que llamaremos métodos. Para hacer referencia a una propiedad se utiliza la sintáxis: nombredeobjeto.propiedad y para hacer referencia un método se utiliza la misma sintáxis aunque suele acabar con una apertura y cierre de paréntesis: nombredeobjeto.metodo().
A continuación hay una relación muy somera de los objetos que puede manejar JavaScript. Su uso específico se verá en los diferentes scripts de estos manuales.
Objeto documento (document):
Hace referencia a la página que se esté visualizando en ese momento. Algunas de sus propiedades son:
bgColor (color del fondo), fgColor (color del texto), linkColor, alinkColor y vlinkColor (color de los vínculos), location (la URL del documento), lastModified (última modificación), title (título de la página), links (enlaces del documento).
Algunos de sus métodos son:
clear, close (cerrar), open (abrir), write (escribir)
Ejemplos:
document.write ("Hola, buenas tardes"). Escribirá la cadena Hola, buenas tardes.
document.links.length. Mostrará el número de enlaces que tiene este documento.
document.links[1].href. Mostrará la URL del segundo enlace (la numeración comienza por 0).
document.lastModified. Escribirá la fecha y hora en que este documento se modificó por última vez.
Objeto cadena (string):
Hace referencia a la página que se esté visualizando en ese momento. Algunas de sus propiedades son:
length (longitud de la cadena).
Algunos de sus métodos son:
Para formatear: bold, blink, big, small, fontcolor, fontsize, italics, strike, sub, sup, toLowerCase, toUpperCase. Otros: indexOf (contenido en la cadena), charAt(x) (representa el caracter número x de la cadena)
Ejemplos:
nombre = "Juan Pérez". Crea la variable nombre y le asigna la cadena "Juan Pérez".
document.write (nombre.toUpperCase). Escribirá JUAN PÉREZ.
document.write (nombre.charAt(2)). Escribirá "a", es decir, la tercera letra de la cadena.
Objeto fecha (date):
Hace referencia a la página que se esté visualizando en ese momento. No tiene propiedades y algunos de sus métodos son:
getDate (sólo la fecha), getDay (el día), getMonth, getHours, getMinutes, getSeconds
Ejemplos:
fecha = new date(). Crea una variable llamada fecha, en la que se almacena la fecha y hora actual
Objeto pantalla (screen):
Contiene la información sobre la pantalla que usa el navegador. Algunas de sus propiedades son:
colorDepth (número de bits de colores en uso), height (altura de la pantalla en pixels), pixelDepth (número de bits por pixel), width (anchura de la pantalla en pixels).
Ejemplos:
document.write ("Estás viendo la página con una resolución de "+width+"*"+height+" pixels". Escribirá la resolución.
if (width<700 && height<500) alert ("Estas páginas están optimizadas para una resolución de 800*600 pixels y tu tienes una configuración inferior. \n Por favor, cambia tu configuración"). En el caso de que la resolución de la pantalla sea inferior a 700*500 saldrá una ventana de alerta con el mensaje que hayamos escrito.
if (width<700 && height<500) location.href="paginapeque.htm" else location.href="paginagrande.htm". Mostrará una página u otra según que la resolución sea inferior o mayodr de 700*500.
Otros objetos:
ancla (anchor): contiene una lista de todas las señales (A NAME) de ese documento.
Objetos para formularios: botón (button), casilla de verificación (checkbox), borrar (reset), enviar (submit), seleccionar (select), password.
formularios (forms): contiene una lista de todos los formularios de ese documento.
ventana (window): es el de más alto nivel y tiene numerosas propiedades y métodos para trabajar con él. Algunos de sus métodos son: open('nombre_página','nombre_ventana','propiedades:width, height, top, left, ...'), close (para cerrar la ventana), print (para imprimir la ventana), ... Entre sus propiedades tenemos: defaultStatus (para configurar el mensaje por defecto de la barra de estado), status (mensajes en la barre de estado), ...
localización (location): contiene información sobre la URL de la página en uso en ese momento.
historia (history): contiene una lista de todos los elementos del historial del navegador. A través de los métodos Back, Forward y Go podremos desplazarnos por ellos.
navegador (navigator): contiene información sobre el navegador que usamos para ver la página, a través de propiedades como: appName, appVersion, ...
matematicas (math): se trata de un objeto predifinido de JavaScript con numerosas propiedades y métodos para manejar datos y funciones numéricas.
marco (frame): contiene una lista de todos los marcos que se muestran en ese momento en la pantalla. Permite desplazarse por ellos, abrir nuevos, ...
matrices (array):
