Objetos

Existen objetos predefinidos, cada uno con distintas propiedades, métodos y eventos. A diferencia de JAVA aquí no se puede derivar clases, por los que se habla de una jerarquía de instancia.

Ademas el programador puede crear sus propios nuevos objetos, con propiedades, métodos 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 un nuevo 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 sinónimo 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:

• Todo el segundo nivel pertenece a window. (opcional)
• Todo el tercer nivel pertenece a document y hay que referenciarlo.
• Todo el cuarto nivel pertenece a form y hay que referencias document y form.

Supongamos que tenemos una página web hipotética que contiene uno de cada tipo de elemento reconocido como un objeto en el modelo de mínimo común denominador. Asi para direccionar un cuadro de texto, reúne una referencia como esta: window.document.nombre form.nombre textBox.

• Primer nivel - Windows
• Array
• Arrays
• Boolean
• Date
• Function
• Global
• Math
• Navigator
• Number
• Object
• RegExp
• String
• Segundo nivel - document, history y location
• History
• Location
• Frame
• Matriz Frames
• Tercer nivel - Form, link y anchor
• Matriz Forms
• Anchor
• Frame
• Matriz Frames
• Cuarto nivel
• Button
• Checkbox
• Elements
• Hidden
• Options
• Password
• Radio
• Reset
• Selet
• Submit
• Text
• Textarea

1. Primer nivel - Windows

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

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

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

1.1 Array

1.2 Arrays

1.3 Anchor()

Crea un marcador HTML.

1.3 Boolean

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

1.4 Fechas

1.5 Function

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

1.6 Global

1.7 Math

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

1.8 Navigator

1.9 Number

2. Segundo nivel - Document

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

2.1 History

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

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

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.

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]

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]

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

3.3 Anchor

AnchorEs 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.

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.

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.

3.6 Links

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]

4.1 Button

INPUT TYPE=button

4.2 Checkbox

4.3 Elements

4.4 Hidden

4.5 Option

Es cada uno de los OPTION

4.6 Password

4.7 Radio

4.8 Reset

4.9 Select

4.10 Submit

Usado en Formularios

4.11 Text

4.12 Textarea

Manipulacion de objetos

Hay varias instrucciones para manejar objetos

• New
• This
• For IN
• With

1 New

Permite crear un nuevo objeto de un tipo definido por el usuario.

variable = new tipo (parametri1 [,parametro2]...[,parámetro n]);

2 This

Se usa para definir al objeto en uso, por lo general el que efectúa una llamada, al definir un método.

this[.propiedad]

3 FOR..IN

Itera una variable a lo largo de todas las propiedades de un objeto, para cada propiedad. JavaScript ejecuta las instrucciones especificadas.

for (variable IN objeto) {
   instrucciones;
   ...
}

4 WITH

Establece el objeto por omisión de una serie de instrucciones; si no especifica en las propiedades el objeto, se asume el indicado con with.

with (objeto) {
   instrucciones;
   ...
}