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



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