image
Valora:   4.66/5 de 35
Inicio » Javascript » Manual » Objetos del Navegador




Jerarquía

Por Lola Cárdenas y Joaquin Gracia.
rinconprog.metropoli2000.com

Con esta entrega comienza la descripción de las propiedades y los métodos de los objetos del navegador. No es mi intención hacer una descripción exhaustiva de todas y cada una de las propiedades y métodos, objeto por objeto, con todo detalle. Mi intención es hacer una descripción más o menos detallada de las propiedades y métodos que tienen más posibilidad de ser usados. Es decir, que si me dejo alguna propiedad y/o método por comentar, siempre podeis buscarla los manuales de referencia de los respectivos navegadores.

En este capítulo vamos a estudiar la jerarquía que presentan los objetos del navegador, atendiendo a una relación "contenedor - contenido" que se da entre estos objetos. De forma esquemática, esta jerarquía podemos representarla de esta manera (al lado está la directiva HTML con que se incluyen en el documento objetos de este tipo, cuando exista esta directiva):

 * window
   + history
   + location
   + document   <BODY> ... </BODY>
      - anchor  <A NAME="..."> ... </A>
      - applet  <APPLET> ... </APPLET>
      - area    <MAP> ... </MAP>
      - form    <FORM> ... </FORM>
         + button     <INPUT TYPE="button">
         + checkbox   <INPUT TYPE="checkbox">
         + fileUpload <INPUT TYPE="file">
         + hidden     <INPUT TYPE="hidden">
         + password   <INPUT TYPE="password">
         + radio      <INPUT TYPE="radio">
         + reset      <INPUT TYPE="reset">
         + select     <SELECT> ... </SELECT>
            - options <INPUT TYPE="option">
         + submit     <INPUT TYPE="submit">
         + text       <INPUT TYPE="text">
         + textarea   <TEXTAREA> ... </TEXTAREA>
      - image   <IMG SRC="...">
      - link    <A HREF="..."> ... </A>
      - plugin  <EMBED SRC="...">
   + frame      <FRAME>
 * navigator 

Según esta jerarquía, podemos entender el objeto area (por poner un ejemplo) como un objeto dentro del objeto document que a su vez está dentro del objeto window. Hay que decir que la notación '.' también se usa para denotar a un objeto que está dentro de un objeto.

Por ejemplo, si queremos hacer referencia a una caja de texto, tendremos que escribir

ventana.documento.formulario.caja_de_texto

donde ventana es el nombre del objeto window (su nombre por defecto es window), documento es el nombre del objeto document (cuyo nombre por defecto es document), formulario es el nombre del objeto forms (veremos que forms es un array) y caja_de_texto es el nombre del objeto textarea (cuyo nombre por defecto es textarea).

En la mayoría de los casos podemos ignorar la referencia a la ventana actual (window), pero será necesaria esta referencia cuando estemos utilizando múltiples ventanas, o cuando usemos frames. Cuando estemos usando un único frame, podemos pues ignorar explícitamente la referencia al objeto window, ya que JS asumirá que la referencia es de la ventana actual.

También podemos utilizar la notación de array para referirnos a algún objeto, por ejemplo, cuando los objetos a usar no tienen nombre, como en este caso:

document.forms[0].elements[1];

hace referencia al segundo elemento del primer formulario del documento; este elemento será el segundo que se haya creado en la página HTML.








Comparte


Aportaciones de usuarios A�adir una aportaci�n



Última modificación:31 de Agosto de 2017. Spain - Espa�a.
© 1998-2004 por . Todos los derechos reservados.