image
Valora:   4.36/5 de 25
Inicio » Javascript » Manual » Objetos del Navegador




El objeto frame

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

Todos sabemos que la ventana del navegador puede ser dividida en varios frames que contengan cada uno de ellos un documento en el que mostrar contenidos diferentes. Al igual que con las ventanas, cada uno de estos frames puede ser nombrado y referenciado, lo que nos permite cargar documentos en un marco sin que esto afecte al resto.

Realmente cada frame se representa con un objeto window, esto quiere decir que el objeto frame tiene todas las propiedades y métodos del objeto window.

Propiedades

  • closed. Válida a partir de Netscape 3 en adelante y MSIE 4 en adelante. Es un booleano que nos dice si la ventana está cerrada ( closed = true ) o no ( closed = false ).
  • defaultStatus. Cadena que contiene el texto por defecto que aparece en la barra de estado (status bar) del navegador.
  • frames. Es un array: cada elemento de este array (frames[0], frames[1], ...) es uno de los frames que contiene la ventana. Su orden se asigna según se definen en el documento HTML.
  • history. Se trata de un array que representa las URLS visitadas por la ventana (están almacenadas en su historial).
  • length. Variable que nos indica cuántos frames tiene la ventana actual.
  • location. Cadena con la URL de la barra de dirección.
  • name. Contiene el nombre de la ventana, o del frame actual.
  • opener. Es una referencia al objeto window que lo abrió, si la ventana fue abierta usando el método open() que veremos cuando estudiemos los métodos.
  • parent. Referencia al objeto window que contiene el frameset.
  • self. Es un nombre alternativo del window actual.
  • status. String con el mensaje que tiene la barra de estado.
  • top. Nombre alternativo de la ventana del nivel superior.
  • window. Igual que self: nombre alternativo del objeto window actual.

Métodos

  • alert(mensaje). Muestra el mensaje 'mensaje' en un cuadro de diálogo
  • blur(). Elimina el foco del objeto window actual. A partir de NS 3, IE 4.
  • clearInterval(id). Elimina el intervalo referenciado por 'id' (ver el método setInterval(), también del objeto window). A partir de NS 4, IE 4.
  • clearTimeout(nombre). Cancela el intervalo referenciado por 'nombre' (ver el método setTimeout(), también del objeto window).
  • confirm(mensaje). Muestra un cuadro de diálogo con el mensaje 'mensaje' y dos botones, uno de aceptar y otro de cancelar. Devuelve true si se pulsa aceptar y devuelve false si se pulsa cancelar.
  • focus(). Captura el foco del ratón sobre el objeto window actual. A partir de NS 3, IE 4.
  • open(URL,nombre,caracteristicas). Abre la URL que le pasemos como primer parámetro en una ventana de nombre 'nombre'. Si esta ventana no existe, abrirá una ventana nueva en la que mostrará el contenido con las características especificadas. Las características que podemos elegir para la ventana que queramos abrir son las siguientes:
  • prompt(mensaje,respuesta_por_defecto). Muestra un cuadro de diálogo que contiene una caja de texto en la cual podremos escribir una respuesta a lo que nos pregunte en 'mensaje'. El parámetro 'respuesta_por_defecto' es opcional, y mostrará la respuesta por defecto indicada al abrirse el cuadro de diálogo. El método retorna una cadena de caracteres con la respuesta introducida.
  • scroll(x,y). Desplaza el objeto window actual a las coordenadas especificadas por (x,y). A partir de NS3, IE4.
  • scrollBy(x,y). Desplaza el objeto window actual el número de pixels especificado por (x,y). A partir de NS4.
  • scrollTo(x,y). Desplaza el objeto window actual a las coordenadas especificadas por (x,y). A partir de NS4.
  • setInterval(expresion,tiempo). Evalua la expresión especificada después de que hayan pasado el número de milisegundos especificados en tiempo. Devuelve un valor que puede ser usado como identificativo por clearInterval(). A partir de NS4, IE4.
  • setTimeout(expresion,tiempo). Evalua la expresión especificada después de que hayan pasado el número de milisegundos especificados en tiempo. Devuelve un valor que puede ser usado como identificativo por clearTimeout(). A partir de NS4, IE4.

En este ejemplo mostramos como acceder a los frames y cómo se pueden cambiar propiedades de un frame en otro.

<!-- Manual de JavaScript de WebEstilo.com -->
<HTML>
<HEAD>
   <title>Ejemplo de JavaScript</title>
</HEAD>
<frameset cols="50%,*">
<frame name="izq" src="ejem09a.html" scrolling="auto">
<frameset rows="50%,*">
<frame name="der1" src="ejem09b.html" crolling="auto">
<frame name="der2" src="ejem09b.html" scrolling="auto">
</frameset>
</frameset>
</HTML>

Ejecutar ejemplo Ver código


ejem09a.html
<!-- Manual de JavaScript de WebEstilo.com -->
<HTML>
<HEAD>
   <title>Ejemplo de JavaScript</title>
<script LANGUAGE="JavaScript">
<!--
function color()
{
   top.frames['der1'].document.bgColor="#FF5500";
}
function cargarYahoo()
{
   top.frames['der2'].location='http://www.yahoo.com';
}
//-->
</script>
   
</HEAD>
<BODY>
<script LANGUAGE="JavaScript">
<!--
   var i=0;
      document.write('<h1>Soy el frame: ' + window.name + "</h1><br>");

      for (i=0;i<top.frames.length;i++)
         document.write('Nombre del frame ' + i + ': ' + top.frames[i].name + "<br>");
//-->
</script>

<br><br>
<a href="javascript:color()">Cambia el color del frame <b>der1</b></a><br><br><br>
<a href="javascript:cargarYahoo()">Cargar Yahoo!! en el frame <b>der2</b></a><br>
</BODY>
</HTML>

Ver código


ejem09b.html
<!-- Manual de JavaScript de WebEstilo.com -->
<HTML>
<HEAD>
   <title>Ejemplo de JavaScript</title>
</HEAD>
<BODY>
<script LANGUAGE="JavaScript">
<!--
      document.write('<h1>Soy el frame: ' + window.name + "</h1><br>");
//-->
</script>

</BODY>
</HTML>

Ver código







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.