Objetos

Existen objetos predefinidos, cada uno con distintas propiedades, metodos y manejadores de eventos. A diferencia de JAVA aqui no se puede derivar clases, por los que se habla de unajerarquia de instancia.

Ademas el programador puede crear sus propios nuevos objetos, con propiedades, metodos y eventos adaptados a sus necesidades.

function pagina(titulo, color, fondo){
   this.titulo = titulo;
   this.color = color;
   this.img = fondo;
   this.largo = 3;
}
var miPagina = new pagina("Mi página", "Blue", "cruces.gif");
var nuevaPag = new pagina("2ª Página", "White", "");

En el ejemplo hemos creado unnuevo objeto de nombre pagina con 4 propiedades: titulo, color, img y largo. Luego con new hemos creado dos instancias de dicho objeto: miPagina y nuevaPag.

Crear un objeto es sinonimo de instancias y se hace con new asi:

var miObjeto = new miClase()
miObjeto.miPropiedad
miObjeto.miMetodo(parametro1,parametro2)

Las clases se escriben con la primera letra en mayúsculas (y la primera letra de cada palabra) a diferencia de las variables que se escriben en minusculas.

Tiene que quedar claro que una clase es una especie de "declaración de características y funcionalidades" de los objetos. Dicho de otro modo, las clases son descripciones de la forma y funcionamiento de los objetos. Con las clases generalmente no se realiza ningún trabajo, sino que se hace con los objetos, que creamos a partir de las clases.

Las clases en javaScript los podemos clasificar en 4 niveles:

Clases en JavaScript
NivelClaseDescripcion
1WindowsArray, Arrays, Boolean, Date, Function, Global, Math, Navigator, Number, Object, RegExp, String.
2DocumentHistory, Location, Frame y [matriz frames].
3Form[matriz forms], Anchor, [matriz anchors], Link, [matriz links].
4Button, Checkbox, Elements, Hidden, Options, Password, Radio, Reset, Select, Submit, Text, Textarea.

1. Primer nivel - Windows

Es el objeto de nivel superior para cada grupo de objetos document, location, history y frame.

Propiedades de Windows
PropiedadDescripcion
closedIndica la posibilidad de que se haya cerrado la ventana.
defaultStatusMensaje por omision en la barra de estado de la ventana
documentcomo document
FrameUn objeto frame de una página web. Se accede por su nombre.
framesEs una matriz que contiene todos los recuadros de la ventana
historyObjeto historial de páginas visitadas.
innerHeightTamaño en pixels del espacio donde se visualiza la página, en vertical.
innerWidthTamaño en pixels del espacio donde se visualiza la página, en horizontal
lengthIndica el numero de recuadros de la ventana madre
locationLa URL del documento que se está visualizando. Podemos cambiar el valor de esta propiedad para movernos a otra página. Ver también la propiedad location del objeto document.
locationbarObjeto barra de direcciones de la ventana.
menubarObjeto barra de menús de la ventana.
namerefleja el argumento nombre con que se creo la ventana
openerHace referencia a la ventana de navegador que abrió la ventana donde estamos trabajando. Se verá con detenimiento en el tratamiento de ventanas con Javascript.
outherHeightTamaño en pixels del espacio de toda la ventana, en vertical. Esto incluye las barras de desplazamiento, botones, etc.
outherWidthTamaño en pixels del espacio de toda la ventana, en horizontal. Esto incluye las barras de desplazamiento.
parentEs un sinonimo del argunmento nombre y se refiere a una ventana con recuadros
personalbarObjeto barra personal del navegador
selfEs un sinonimo del argumento nombre y se refiere a la ventana en uso
scrollbarsObjeto de las barras de desplazamiento de la ventana.
statusEspecifica un mensaje a presentar en la barra de estado de la ventana
statusbarObjeto barra de estado del navegador
toolbarObjeto barra de herramientas
topEs un sinonimo del argumento nombre y se refiere a una ventana de nivel superior del navegador.
windowEs un sinonimo del argumento nombre y se refiere a la ventana en uso.

windows.propiedad
self.propiedad
top.propiedad
ventana.propiedad

Metodos de Windows
MetodoDescripcion
alert(mensaje [,valor de omision])muestra una caja de dialogo de peticion con un mensaje y un campo para entrada de datos.
back()Ir una página atrás en el historial de páginas visitadas. Funciona como el botón de volver de la barra de herramientas.
blur()Quitar el foco de la ventana actual.
captureEvents(eventos)Captura los eventos que se indiquen por parámetro
clearInterval()Elimina la ejecución de sentencias asociadas a un intervalo indicadas con el método setInterval().
close()cierra la ventana indicada.
confirm("mensaje")Muestra una caja de dialogo de confirmacion con un mensaje y un par de botones Aceptar y Cancelar
find()Muestra una ventanita de búsqueda.
focus()Coloca el foco de la aplicación en la ventana.
forward()Ir una página adelante en el historial de páginas visitadas. Como si pulsásemos el botón de adelante del navegador
home()Ir a la página de inicio que haya configurada en el explorador.
moveBy(x,y)Mueve la ventana del navegador los pixels que se indican por parámetro hacia la derecha y abajo.
moveTo(x,y)Mueve la ventana del navegador a la posición indicada en las coordenadas que recibe por parámetro.
open(URL,nombre[,caracteristica])abre una nueva ventana del navegador.
print()Como si pulsásemos el botón de imprimir del navegador.
prompt(pregunta,respuesta)Muestra una caja de diálogo para pedir un dato. Devuelve el dato que se ha escrito.
releaseEvent()Deja de capturar eventos del tipo que se indique por parámetro
resizeBy(ancho,alto)Redimensiona el tamaño de la ventana, añadiendo a su tamaño actual los valores indicados en los parámetros. El primero para la altura y el segundo para la anchura. Admite valores negativos si se desea reducir la ventana.
resizeTo(ancho,alto)Redimensiona la ventana del navegador para que ocupe el espacio en pixels que se indica por parámetro
routeEvent()Enruta un evento por la jerarquía de eventos.
scroll(x,y)Hace un scroll de la ventana hacia la coordenada indicada por parámetro. Este método está desaconsejado, pues ahora se debería utilizar scrollTo().
scrollBy(x,y)Hace un scroll del contenido de la ventana relativo a la posición actual.
scrollTo(x,y)Define un script para que sea ejecutado indefinidamente en cada intervalo de tiempo.
setInterval()Define un script para que sea ejecutado una vez después de un tiempo de espera determinado.
setTimeout(exp, mseg)evalua una expresion despues de transcurrido un tiempo en milisegundos
stop()Como pulsar el botón de stop de la ventana del navegador.
clearTimeout(idRetardo)Cancela un retardo definido con setTimeout

El metodo mas famoso de windows.alert(cadena); ya que es de windows puede no ponerse la palabra windows.

Eventos de Windows
EventoDescripcionEjemplos
onLoadSe ejecuta cuando el navegador termina de cargar una ventana o todos los recuadros indicador en <FRAMESET><BODY [onLoad="accion"]>

<FRAMESET [onLoad="accion"]>

onUnloadSe ejecuta cuando se sale del documento<BODY [onUnload="accion"]>

<FRAMESET [onUnload="accion"]>

1.1 Array

Array
Propiedadeslength 
prototype 
Metodos
concat(obj)Une el objeto Array con el array que se le pasa como argumento y devuelve el resultado en un nuevo array, sin modificar los arrays que se concatenan.
join()Convierte los elementos de un array en una cadena separados por el carácter que se le indique.
reverse()Invierte el orden de los elementos de un Array en el propio array, sin crear uno nuevo.
slice(ini,fin)Extrae parte de un Array devolviéndolo en un nuevo objeto Array.
sort()Ordena alfabéticamente los elementos de un objeto Array
EventosNinguno 

1.2 Arrays

Arrays
StringEs una cadena de caracteres encerrados entre comillas simples o dobles. Es un objeto basico en javascript.
PropiedadeslengthIndica la longitud de la cadena. Sintaxis: cadena.anchor(nombre)
prototypepermite agregar métodos y propiedades al objeto
Metodos

1.3 Anchor()

Crea un marcador HTML.

anchor()
big()Hace que una cadena se muestre con tipos grandes, como si estuviera entre comandos BIT
blink()Hace que una cadena parpadee, como si estuviese entre comandos BLINK
bold()Hace que una cadena este en negritas, como si estuviese entre comandos B
charAt()Devuelve el caractere en la posicion indicada (0 a length-1) de la cadena
charCodeAt()
concat()aplicado a una cadena le agrega la cadena pasada como atributo, atrcad, que será una variable o constante literal, cualquier otro tipo es convertido a cadena
fixed()Hace que la cadena se muestre como si estuviese entre comandos TT
fontcolor()Hace que la cadena se muestre en el color indicado, como si estuviese entre comandos FONT COLOR=
fontsize()Hace que la cadena se muestre del tamaño indicado, como si estuviese entre comandos FONT SIZE=
fromCharCode()Este es un método global del objeto String que crea una cadena a partir de los códigos Unicode que se le pasen como parámetros.
indexOf()Devuleve la posicion dentro de la cadena donde se encuentra el texto de busqueda. De iquierda a derecha.
italics()Hace que la cadena se muestre en cursiva, como si estuviese entre comandos I
lastIndexOf()Devuelve la ultima posicion dentro de la cadena en que se encuentra el texto de busqueda. De derecha a izquierda.
link()Crea un enlace de hipertexto que apunta a otro URL
match()Este es uno de los más potentes métodos para buscar subcadenas y realizar sustituciones dentro de cadenas de texto. Permite usar patrones de búsqueda construidos con comodines y texto, lo que se denominan expresiones regulares. Este método usa como argumento una expresión regular y va buscando en el objeto alguna subcadena que concuerde con esa expresión. Esta subcadena la devuelve en un array. Si no encuentra ninguna devuelve null. Además actualiza el valor de una variable global RegExp que almacena en sus propiedades diversa información acerca de la búsqueda realizada.
replace()A vueltas con las expresiones regulares, difíciles pero potentes. Con este método todas las cadenas que concuerden con la expreg del primer argumento son reemplazadas por la cadena especificada en el segundo argumento, nueva, que puede contener elementos del patrón mediante los símbolos $1 a $9. El resultado devuelto es la cadena con las sustituciones realizadas.
search()Es un método similar al método match pero más rápido. Este método realiza una búsqueda en la cadena y devuelve el índice donde se produce la primera concordancia con el patrón o -1 si no existe ninguna.
slice()Este método devuelve la porción de cadena comprendida entre las posiciones dadas por los argumentos inicio y ultimo, o el final de la cadena si se omite este segundo argumento. Si ultimo es negativo, se interpreta como número de posiciones contadas desde el final de la cadena.
small()Hace que un cadena se muestre con tipos pequeños, como si estuviera entre etiquetas SMALL
split()Devuelve un array conteniendo las porciones en que queda separada la cadena por el separador indicado mediante el argumento separ, que será una expresión regular o una cadena literal. Si este separador es una cadena vacía el texto queda desglosado en todos sus caracteres. Si se omite el separador el resultado es un array de un elemento con la cadena completa.
strike()Hace que una cadena se muestre atravesada, como si estuviese entre etiquetas STRIKE
sub()Hace que una cadena se muestre en subindice, como si estuviese entre etiquetas SUB
substr()Devuelve una subcadena extraída del objeto string comenzando por la posición dada por el primer argumento, inicio, y con un número de caracteres dado por el segundo argumento, largo. Si se omite este último argumento la subcadena extraída va desde inicio hasta el final de la cadena.
substring()devuelve una subcadena de la cadena indicada, entre las posiciones indicadas.
sup()Este método devuelve una cadena consistente en el objeto String rodeado con las etiquetas SUP, superíndice, del lenguaje HTML.
toLowerCase()Devuelve la cadena convertida en minusculas
toUpperCase()Devuelve la cadena convertida en mayusculas
Eventoninguno

1.3 Boolean

Los objetos booleanas o lógicas son las que sólo pueden tomar dos valores: true, verdadero, y false, falso.

Boolean
Propiedadesconstructorheredada del objeto genérico Object, devuelve la referencia al constructor: function Boolean() { [native code] }
prototypeEs una propiedad utilizada para asignar nuevos métodos o propiedades, heredado del objeto genérico Object.
MetodostoString()Si el valor es false devuelve la cadena "false" y si es true devuelve la cadena "true"
valueOf()Devuelve el valor booleano (true o false)
EventosNinguno

1.4 Fechas

Fechas
DatePermite trabajar con fechas y horas. Para crear nuevos objetos se puede usar:
  • variable=new Date()
  • variable=new Date("mes dia año horas:minutos:segundos")
  • variable=new Date(año,mes,dia)
  • variable=new Date(año,mes,dia,horas,minutos,segundos)
Propiedadesninguna
Metodos
getDate()el dia del mes (1 a 31)
getDay()el dia de la semana (0=dom, 1=lun...6=sabado)
getMonth()el mes en numeros (0=ene, 1=feb...11=dic)
getYear()el año con dos digitos
getHours()la hora (0 a 24)
getMinutes()los minutos (0 a 59)
getSeconds()los segundos (o a 59)
getMilliseconds()los milisegundos (o a 59000)
getTimelos milisegundos trascurridos desde el 01-01-1970
getTimezoneoffset()diferencia horaria con GMT en minutos
Sintaxis: variable.metodo()
setDate()Establece el dia del mes (1 a 31)
setMonth()Establece el mes del año (1 a 11)
setYear()Establece el año a partir de 1900
setHours()Establece la hora del dia (0 a 23)
setMinutes()Establece los minutos (0 a 59)
setSeconds()Establece los segundos (0 a 59)
setTime()Establece el valor del objeto Date, en milisegundos a partir de las 0:00:00 del 1º de enero de 1970
Sintaxis: variable.metodo(valor)
toGMTString()Convierte un objeto Date a una cadena usando un formato GMT para Internet
toLocaleString()Convierte un objeto Date a una cadena usando el formato local
parse()Convierte una cadena representando una fecha al tiempo en milisegundos a partir de 0:00:00 del 1º de enero de 1970
UTC()Convierte una fecha al tiempo en milisegundos a partir de las 0:00:00 del 1º de enero de 1970
Eventoninguno

1.5 Function

Permite la creación de funciones, ya sean con nombre o anónimas.

PropiedadesargumentsSe trata de un array que contiene los argumentos pasados a la función. Esta propiedad permite el uso de funciones con un número variable de argumentos.
callerContiene una referencia a la función que llamó a la actual.
constructorHeredada de la clase Object
MetodosLos heredados del objeto Object

1.6 Global

1.7 Math

Es un objeto predefinido que contiene propiedades y metodos para onstantes y funciones matematicas.

PropiedadesELa constante de EULER. Aproximadamente 2.7818
LN2El logaritmo natural de 2. Aproximadamente 0.693
LN10El logaritmo natural de 10. Aproximadamente 2.302
LOG2EEl logaritmo en base 2 de e. Aproximadamente 1.442
LOG10EEl logaritmo vulgar de e. Aproximadamente 0.434
PILa constante PI. Aproximadamente 3.14159
SQRT1_2La raiz cuadrada de 1/2. Aproximadamente 0.707
SQRT2La raiz cuadrada de 2. Aproximadamente 1.414
Metodos abs()Absoluto
acos()Arco coseno
asin()Arco seno
atan()Arco tangente
atan2()Arco tangente
ceil()Redondeo superior
cos()Coseno
exp()Exponencial
floor()Redondeo inferior
log()Logaritmo natural
max()Maximo
min()Minimo
pow()Potencia de
random()Numero aleatoreo
round()Redondear
sin()Seno
sqrt()Raiz cuadrada
tan()Tangente
Eventoninguno

1.8 Navigator

Navigator
PropiedadesappCodeNameEspecifica el nombre en codigo del navegador
appNameEspecifica el nombre del navegador
appVersionEspecifica informacion de la version del navegador
userAgentEspecifica la cadena del agente de usuario
Metodosninguno
Eventoninguno

1.9 Number

Number
PropierdadesMAX_VALUEIndica el valor máximo utilizable por JavaScript, actualmente 1.79E+308.
MIN_VALUEIndica el valor mínimo utilizable por JavaScript, actualmente 2.22E-308.
NaNUna constante usada para indicar que una expresión ha devuelto un valor no numérico. NaN no puede compararse usando los operadores lógicos habituales, para ver si un valor es igual a NaN se debe usar la función incorporada isNaN
NEGATIVE_INFINITYUna constante para indicar infinito positivo, es decir, un valor superior al MAX_VALUE
POSITIVE_INFINITYUna constante para indicar infinito negativo, es decir, un valor superior al MAX_VALUE con signo negativo
MetodosLos heredados de objeto Object
Tipos MIME
text/htmldocumento en formato HTML
text/plainducumento es ASCII puro
image/gifimagen en formato GIF
image/jpegimagen en formato JPEG
image/bmpimagen en formato de mapa de bits
plug-incualquier plug-in

2. Segundo nivel - Document

Document contiene informacion del documento cargado actualmente, proporcionando métodos para generar HTML.

Segundo nivel Document
PropiedadesalinkColorcorresponde al parametro ALINK del comando BODY
Anchor
anchorsarreglo que refleja todos los marcadores del documento
AppletUn applet de la página. Se accede por su nombre.
apletsMatriz con todos los applets de la página.
AreaUna etiqueta <AREA>, de las que están vinculadas a los mapas de imágenes (Etiqueta ). Se accede por su nombre.
bgColorcorresponde al parametro BGCOLOR del comando BODY. document.bgColor=red
classesLas clases definidas en la declaración de estilos CSS.
cookieUna galletita
domainNombre del dominio del servidor de la página.
EmbedUn elemento de la pagina incrustado con la etiqueta <EMBED>. Se accede por su nombre.
fgColorcorresponde al parametro TEXT del comando <BODY>
FormUn formulario en la la pagina, se accede por su nombre
formsMatriz que refleja todos los formularios del documento
idsPara acceder a estilos CSS.
ImageUna imagen de la página web. Se accede por su nombre.
imagesMatriz con cada una de las imagenes de la pagina.
lastModifiedfecha actual del documento
linkColorcorresponde al parametro LINK del comando BODY
LinkUn enlace de los de la página. Se accede por su nombre.
linksMatriz que refleja todos los enlaces del documento
locationURL completo del documento
referrerURL del documento que lo llamo
tagsEstilos definidos a las etiquetas de HTML en la página web.
titlecorresponde al comando TITLE
URLLo mismo que location, pero es aconsejable utilizar location ya que URL no existe en todos los navegadores.
vlinkColorcorresponde al parametro VLINK del comando BODY
Metodosclear()borra el documento en una ventana. [windows.]document.clear()
close()cierra un flujo de salida y fuerza a que se muetren los datos enviados. [windows.]document.close()
captureEvents()Para capturar los eventos que ocurran en la página web. Recibe como parámetro el evento que se desea capturar.
open()abre un flujo para escribir la salida de los metodos white y writeln. [windows.]document.open([tipo MIME])
contextual()Ofrece una línea de control de los estilos de la página. En el caso que deseemos especificarlos con Javascript.
getSelection()Devuelve un string que contiene el texto que se ha seleccionado. Sólo funciona en Netscape.
handleEvent()Invocas el manejador de eventos del elemento especificado.
releaseEvent()Liberar los eventos capturados del tipo que se especifique, enviándolos a los objetos siguientes en la jerarquía.
routeEvent()Pasa un evento capturado a través de la jerarquía de eventos habitual.
write()escribe una o mas expresiones de HTML en el documento contenido en la ventana indicada. [windows.]document.write("El texto a escribir")
writeln()escribe una o mas expresiones de HTML en el documento contenido en la ventana indicada, seguidas de un caracter de nueva linea. [windows.]document.writeln(exp1[,exp2]...[,expN])
Eventosninguno

2.1 History

History contiene la informacion de los URLs que el cliente ha visitado desde una ventana.

History
PropiedadesIndica la cantidad de entradas en el objeto history. sintaxis: history.length
Metodosback()retrocede al URL anterior. Sintaxis: history.back()
forward()avanza al URL siguiente (despues de haber retrocedido) Sintaxis: history.forward()
go()desplaza al URL indicado en relacion a la actual posicion, hacia adelante (+) o hacia aras (-). Sintaxis: history.go(desplazamiento)
Eventosninguno

2.2 Location

Contiene informacion acerca del URL actualmente en uso. Especificar location sin propiedades devuelve el URL completo. La forma URL es la siguinete: protocolo/servidor:puerto ruta buscada marcador

Location
PropiedadeshashEspecifica el nmbre de un marcador dentro del URL
hostEspecifica la posicion servidor:puerto del URL
hostnameEspecifica el servidor y nombre de dominio o numero IP del URL
hrefEspecifica el URL completo.
pathnameEspecifica la posicion ruta del URL.
portEspecifica el puerto empleado por el servidor para las comuniciones.
protocolEspecifica el principio del URL hasta los dos puntos, incluidos.
searchEspecifica un parametro de busqueda.
Metodosninguno
Eventoninguno

2.3 Frame

Una ventana puede tener distintos recuadros reslizables o fijos, cada uno conteniendo un documento diferente o inclusive, otros recuadros. La totalidad de los recuadros conforman la ventana.

Frame
Propiedades
framesarreglo que refleja todos los recuadros en un ana ventana[ventana.]recuadro.propiedad
namecorresponde al atribut NAME del comando <FRAME>
lengthindica el numero de recuadros "hijos" dentro del recuadro actual
parentindica la ventana o recuadro que contiene el documento
selfindica el recuadro en uso
windowindica el recuadro en uso
MetodossetTimeout()Evalua una expresion despues de transcurrido un tiempo en milisegundos.retardo = cuadro.setTimeout(exp,mseg)
clearTimeout()Cancela un retardo definido mediante setTimeout.cuadro.clearTimeout(retardo)
Eventosninguno

2.4 Matriz Frames

Se puede hacer referencia a los recuadros usando el arreglo frames. Este arreglo contiene un elemento por cada recuadro "hijo" (definido por una etiqueta <FRAME>) en una ventana que contenga etiquetas <FRAMESET>, segun el orden en que figuran. El primer recuadro es parent.frames[0], el segundo es parent.frame[1] y asi sucesivamente. El modo de referirse al arreglo es el siguiente: [recuadro.]frames[indice] o [ventana.]frames[indice]

Matriz Frame
PropiedadesLength. Indica el numero de recuadros en una ventana o recuadro. Sintaxis: [ventana.]frames.length o [recuadro.]frames.length
Metodosninguno
Eventosninguno

3. Tercer nivel

3.1 Form

Permite que el usuario introduzca datos y seleccione opciones de elementos tales como casillas para marcar, botones de radio y listas de seleccion. Tambien permite enviar datos al servidor.

Hay dos formas de acceder a un formulario. Mediante su nombre asignado en parametro NAME: [windows.]document.f1 o bien mediante la matriz de formularios asi: [windows.]document.forms[0]

Form
PropiedadesactionEs la acción que queremos realizar cuando se submite un formulario. Se coloca generalmente una dirección de correo o la URL a la que le mandaremos los datos. Corresponde con el atributo ACTION del formulario.
elementsMatriz de elementos contiene cada uno de los campos del formulario.
encodingEl tipo de codificación del formulario
lengthEl número de campos del formulario.
methodEl método por el que mandamos la información. Corresponde con el atributo METHOD del formulario.
nameEl nombre del formulario, que corresponde con el atributo NAME del formulario.
targetLa ventana o frame en la que está dirigido el formulario. Cuando se submita se actualizará la ventana o frame indicado. Corresponde con el atributo target del formulario.
MetodosSubmit()Remite el formulario. formulario.submit() forms[indice].submit()
reset()Para reinicializar todos los campos del formulario, como si se hubiese pulsado el botón de reset.
EventosonSubmitEjecuta cuando se remite el formulario. FORM NAME=formulario TARGET=ventana ACTION=URL MOTHOD=get|post ENCTYPE=codigo onSubmit="action en JavaScript">

3.2 Forms

Matriz que contiene un elemento por cada formulario presente en el documento, segun el orden en que figuran. El primer formulario es document.forms[0], el segundo es document.forms[1] y asi sucesivamente.

[window.]document.forms[0].length

Form
PropiedadeslengthIndica el numero de formularios en el documento.
Metodosninguno
Eventosninguno

3.3 Anchor

Anchor

Es una porcion de texto que puede ser el dstino de un enlace. Si el objeto ANCHOR tambien es un objeto LINK, tendrá entradas tanto en el ARREGLO ANCHORS como en el ARREGLO LINKS.

Anchor
PropiedadesNinguna
MetodosNinguno
EventosNinguno

3.4 Anchors

Matriz se puede hacer referencia a los objetos ANCHOR mediante la matriz ANCHORS, el cual tiene un elemento por cada comando <A NAME= > en el orden en que aparecen. El primer elemento es document.anchors[0], el segundo es document.anchors[1] y asi sucesivamente.

Anchors
PropiedadesLength
MetodosNinguno
EventosNinguno

3.5 Link

Es cualquier fragmento de texto o una imagen empleada como enlace de hipertexto. Cuando el usuario hace clic en un enlace, se carga la referencia de hipertexto en la ventana destino.

Link
Propiedadeshash 
host 
hostname 
href 
pathname 
port 
protocol 
search 
target 
Metodosninguno 
EventosonClick<A HREF=URL [NAME=marcador][TARGET=ventana][onClick="accion"][onMouseOver="accion"]>enlace</A>
onMouseOverEjecuta cuando el puntero del raton paso sobre el enlace.

3.6 Links

Links
linksMatriz
Propiedades 
Metodos 
Eventos 

4. Cuarto nivel

Hay dos formas de acceder a los elementos de un formulario. Mediante su nombre asignado en parametro NAME: [windows.]document.f1.campo1 o bien mediante la matriz de elementos de formulario asi: [windows.]document.forms[0].elements[1]

Elements
ElementsMatriz que contiene todos los elementos de cada formulario
PropiedadeslengthIndica el numero de elementosdocument.forms[0].elements.length
formulario.elements.length
MetodosNinguno
EventosNinguno

4.1 Button

INPUT TYPE=button

Button
PropiedadesName 
value 
Metodosclick() 
EventosonClick 

4.2 Checkbox

Checkbox
Checkbox
Propiedadesname, value y checked
Metodosclick()
EventosonClick

4.3 Elements

4.4 Hidden

Hidden
Propiedadesname
value
Metodosninguno
Eventosninguno

4.5 Option

Es cada uno de los OPTION

Option
PropiedadesdefaultSelectedIndica con un true o un false si esa opción es la opción por defecto. La opción por defecto se consigue con HTML colocando el atributo selected a un option.
indexEl índice de esa opción dentro del select.
textEs el texto de la opción. Lo que puede ver el usuario en el select, que se escribe después de la etiqueta OPTION.
valueIndica el valor de la opción, que se introduce con el atributo VALUE de la etiqueta OPTION.
MetodosNinguno
EventosNinguno

4.6 Password

Password
Propiedadesnameformulario.forms[0].elements[1].propiedad
value 
Metodosfocus() 
blur()
select()
Eventosninguno

4.7 Radio

Radio
Propiedadesname
value
length
checked
Metodosclick()
EventosonClick

4.8 Reset

Reset
Propiedadesname 
value 
Metodosclick() 
EventosonClick 

4.9 Select

Select
PropiedadeslengthGuarda la cantidad de opciones del campo select. Cantidad de etiquetas OPTION
OptionHace referencia a cada una de sus opciones. Son por si mismas objetos.
name
optionsUna matriz con cada una de las opciones del select.
seletedIndexEs el índice de la opción que se encuentra seleccionada.
Metodosblur()Para retirar el foco de la aplicación de ese elemento de formulario.
focus()Para poner el foco de la aplicación.
EventosonFocus
onBlur
onChange

4.10 Submit

Usado en Formularios

Submit
Propiedadesname
value
Metodosclic()
EventosonClick

4.11 Text

Text
PropiedadesdefaultValue. Es el valor por defecto que tiene un campo. Lo que contiene el atributo VALUE de la etiqueta INPUT.[windows.]document.formulario.texto.propiedad
formulario.forms[0].elements[1].propiedad
formHace referencia al formulario contenedor.
nameContiene el nombre de este campo de formulario.
typeContiene el tipo de campo de formulario que es.
valueEl texto que hay escrito en el campo.
Metodosblur()Retira el foco de la aplicación del campo de texto.
focus()Pone el foco de la aplicación en el campo de texto.
select()Selecciona el texto del campo.
EventosonAbortEste evento se produce cuando un usuario detiene la carga de una imagen, ya sea porque detiene la carga de la página o porque realiza una acción que la detiene, como por ejemplo irse de la página.
onBlurSe desata un evento onblur cuando un elemento pierde el foco de la aplicación. El foco de la aplicación es el lugar donde está situado el cursor, por ejemplo puede estar situado sobre un campo de texto, una página, un botón o cualquier otro elemento.
onChangeSe desata este evento cuando cambia el estado de un elemento de formulario, en ocasiones no se produce hasta que el usuario retira el foco de la aplicación del elemento.
onClickSe produce cuando se da una pulsación o clic al botón del ratón sobre un elemento de la página, generalmente un botón o un enlace.
onDragDropSe produce cuando un usuario suelta algo que había arrastrado sobre la página web.
onFocusEl evento onfocus es lo contrario de onblur. Se produce cuando un elemento de la página o la ventana ganan el foco de la aplicación.
onKeydownEste evento se produce en el instante que un usuario presiona una tecla, independientemente que la suelte o no. Se produce en el momento de la pulsación.
onKeypressOcurre un evento onkeypress cuando el usuario deja pulsada una tecla un tiempo determinado. Antes de este evento se produce un onkeydown en el momento que se pulsa la tecla.
onKeyupSe produce cuando el usuario deja de apretar una tecla. Se produce en el momento que se libera la tecla.
onLoadEste evento se desata cuando la página, o en Javascript 1.1 las imágenes, ha terminado decargarse.
onMouseDownSe produce el evento onmousedown cuando el uuario pulsa sobre un elemento de la página. onMouseDown se produce en el momento de pulsar el botón, se suelte o no.
onMouseOutSe desata un evento onmuoseout cuando el puntero del ratón sale del área ocupada por un elemento de la página.
onMouseMoveSe produce cuando el ratón se mueve por la página.
onMouseOverEste evento se desata cuando el puntero del ratón entra en el área ocupada por un elemento de la página.
onMouseUpEste evento se produce en el momento que el usuario suelta el botón del ratón, que previamente había pulsado.
onMoveEvento que se ejecuta cuando se mueve la ventana del navegador, o un frame.
onResizeEvento que se produce cuando se redimensiona la ventana del navegador, o el frame, en caso de que la página los tenga.
onResetEste evento está asociado a los formularios y se desata en el momento que un usuario hace clic en el botón de reset de un formulario.
onSelectSe ejecuta cuando un usuario realiza una selección de un elemento de un formulario.
onSubmitOcurre cuando el visitante apreta sobre el botón de enviar el formulario. Se ejecuta antes del envío propiamente dicho.
onUnloadAl abandonar una página, ya sea porque se pulse sobre un enlace que nos lleve a otra página o porque se cierre la ventana del navegador, se ejecuta el evento onunload.

4.12 Textarea

Textarea
PropiedadesdefaultValueQue contiene el valor por defecto del textarea. formulario.forms[0].elements[1].propiedad
name 
valueQue contiene el texto que hay escrito en el textarea.
Metodosfocus()Para poner el foco de la aplicación en el textarea.
blur()Para quitar el foco de la aplicación del textarea.
select()Selecciona el texto del textarea.
EventosonAbortEste evento se produce cuando un usuario detiene la carga de una imagen, ya sea porque detiene la carga de la página o porque realiza una acción que la detiene, como por ejemplo irse de la página.
onBlurSe desata un evento onblur cuando un elemento pierde el foco de la aplicación. El foco de la aplicación es el lugar donde está situado el cursor, por ejemplo puede estar situado sobre un campo de texto, una página, un botón o cualquier otro elemento.
onChangeSe desata este evento cuando cambia el estado de un elemento de formulario, en ocasiones no se produce hasta que el usuario retira el foco de la aplicación del elemento.
onClickSe produce cuando se da una pulsación o clic al botón del ratón sobre un elemento de la página, generalmente un botón o un enlace.
onDragDropSe produce cuando un usuario suelta algo que había arrastrado sobre la página web.
onFocusEl evento onfocus es lo contrario de onblur. Se produce cuando un elemento de la página o la ventana ganan el foco de la aplicación.
onKeydownEste evento se produce en el instante que un usuario presiona una tecla, independientemente que la suelte o no. Se produce en el momento de la pulsación.
onKeypressOcurre un evento onkeypress cuando el usuario deja pulsada una tecla un tiempodeterminado. Antes de este evento se produce un onkeydown en el momento que se pulsa la tecla.
onKeyupSe produce cuando el usuario deja de apretar una tecla. Se produce en el momento que se libera la tecla.
onLoadEste evento se desata cuando la página, o en Javascript 1.1 las imágenes, ha terminado de cargarse.
onMouseDownSe produce el evento onmousedown cuando el uuario pulsa sobre un elemento de la página. onMouseDown se produce en el momento de pulsar el botón, se suelte o no.
onMouseOutSe desata un evento onmuoseout cuando el puntero del ratón sale del área ocupada por un elemento de la página.
onMouseMoveSe produce cuando el ratón se mueve por la página.
onMouseOverEste evento se desata cuando el puntero del ratón entra en el área ocupada por un elemento de la página.
onMouseUpEste evento se produce en el momento que el usuario suelta el botón del ratón, que previamente había pulsado.
onMoveEvento que se ejecuta cuando se mueve la ventana del navegador, o un frame.
onResizeEvento que se produce cuando se redimensiona la ventana del navegador, o el frame, en caso de que la página los tenga.
onResetEste evento está asociado a los formularios y se desata en el momento que un usuario hace clic en el botón de reset de un formulario.
onSelectSe ejecuta cuando un usuario realiza una selección de un elemento de un formulario.
onSubmitOcurre cuando el visitante apreta sobre el botón de enviar el formulario. Se ejecuta antes del envío propiamente dicho.
onUnloadAl abandonar una página, ya sea porque se pulse sobre un enlace que nos lleve a otra página o porque se cierre la ventana del navegador, se ejecuta el evento onunload.

Manual JavaScript v1.0
Enrique Garrido-Lecca Risco
Proyecto Perú Ruteable