Unidad 10. Avanzado: JavaScript. Objetos del navegador


Jerarquía

Cuando nuestro navegador abre una página web, su motor JavaScript la analiza, y crea una estructura de objetos, ordenados jearárquicamente de la siguiente forma:

window   document   form   textarea
frame layer text
location link fileupload
history image password
area hidden
anchor submit
applet reset
plugin radio
checkbox
button
select

Según esta jerarquía, tenemos un objeto principal window (la ventana del navegador). Dentro de window podemos encontrar otros objetos: document, frame, location e history. A su vez, dentro document, encontramos otros objetos, como los enlaces de la página (links), las imágenes (image) o los formularios (form). Por último, dentro del formulario, podemos encontrar sus elementos.

Todos los objetos tienen propiedades, a las que podemos acceder como nombre_objeto.nombre_propiead. Las propiedades son valores del objeto, por ejemplo, color de fondo.

Por tanto, podemos considerar a document como una propiead de window, y a link como una propiedad de document, etc...

Podemos ver el valor de las propieadedes, o asignarles un valor nuevo.

Todos los objetos tienen métodos, acccesibles como nombre_objeto.nombre_metodo('parametro'). Los métodos son funciones o procesos del objeto, que realizan acciones. Por ejemplo, mover una ventana o abirla. Los parámetros dependeránd el método.

Algunos objetos o propiedadades son arrays. Por ejemplo, el objeto image de document es un array con todas las imágenes. Para cada una, tenemos sus propiedades, como el src, con el nombre del archivo.

Recuerda, que podemos recorrer una array fácilmente con la estructura for in:

for (variable in objeto_array) {
   bloque de sentencias;
}

 

 

Cada objeto tiene muchos métodos y propiedades, más o menos utilizadas. Vamos a ver sólo las que nos han parecido más útiles.

El objeto window

El objeto window se refiere a la ventana actual del naegador, por lo que es el más alto en la jerarquía, ya que todos lo demás objetos están dentro de la ventana.

Veamos algunas propiedades. Junto a cada una, tienes un enlace que muestra la propiedad, con el código alert(window.propiedad);.

Veamos ahora algunos de sus métodos:

El objeto document

El objeto document es el que contiene todos los elementos de nuestra página, por lo que es desde éste desde el que podemos cambiarlos.

Muchas de sus propiedades son arrays de elementos de la página:

Métodos:

 

 

 

 

 

Inicio





Página inicial  Cursos Informática Gratuitos

Síguenos en:   Facebook       Sobre aulaClic            Política de Cookies


© aulaClic. Todos los derechos reservados. Prohibida la reproducción por cualquier medio.