Window.open()

Carga un recurso en el contexto de un nuevo navegador (como una ventana) o uno que ya existe, dependiendo de los parametros. Similar a usar la opcion de menu nueva ventana del navegador.

var referencia_objeto_ventana = window.open([url][,nombre_ventana][,caracteriticas_ventana][,reemplaza_ventana]);

Ahora es preferible usar los navegadores con pestañas por lo que ya no es recmendable usar window.open()

• Referencia objeto ventana
• URL
• Nombre ventana
• Caracteriticas ventana
• Reenplaza ventana
• FAQ
• Ejemplos

1. Referencia objeto ventana

Una referencia de la ventana creada. La referencia puede ser usada luego para acceder a propiedades y métodos de la nueva ventana.

2. URL

La URL especifica que página se va cargar en la ventana creada. La URL puede ser una página web (http://www.perut,org) o un documento que se encuentre en algun directorio de tu PC (html, imagenes y demás). Si no se expecifica una URL, por defecto abrira la ventana en blanco.

Usa siempre _blank como parte del URL para abrir una nueva ventana.

3. Nombre ventana

Un nombre para la nueva ventana. El nombre puede ser usado como el destino de enlaces y formularios usando el atributo de los elemento <a> ó <form>. El nombre no debe contener ningun caracter de espacio en blanco. Notese que nombre_ventana no especifica el titulo de la nueva ventana.

• _blank - URL se carga en una nueva venta. Por defecto.
• _parent - URL se carga en el frame indicado.
• _self - URL reemplaza a la pagina actual.
• _top - URL reemplaza al Frameset cargado

Si ya existe una ventana de nombre_ventana entonces el URL se carga en esa ventana y se ignoran las caracteriticas_ventana.

4. Caracteristicas ventana

Si no usar caracteriticas la ventana sera abierta con las caracteristicas por defecto del navegador. Las características que podemos elegir para la ventana que queramos abrir son las siguientes:

• toolbar = [yes|no|1|0]. Indica si la ventana tendrá barra de herramientas (yes,1) o no la tendrá (no,0).
• location = [yes|no|1|0]. Indica si la ventana tendrá campo de localización o no.
• directories = [yes|no|1|0]. Indica si la nueva ventana tendrá botones de dirección o no.
• status = [yes|no|1|0]. Indica si la nueva ventana tendrá barra de estado o no.
• menubar = [yes|no|1|0]. Indica si la nueva ventana tendrá barra de menús o no.
• scrollbars = [yes|no|1|0]. Indica si la nueva ventana tendrá barras de desplazamiento o no.
• resizable = [yes|no|1|0]. Indica si la nueva ventana podrá ser cambiada de tamaño (con el ratón) o no.
• fullScreen = [yes|no|1|0]. Indica si se carga a pantalla completa. Por defecto es no. Solo iExplorer
• minimizable = [yes|no|1|0].
• width = px. Define el ancho de la ventana en pixels.
• height = px. Define el alto de la ventana en pixels.
• outerWidth = px. Define el ancho *total* de la ventana en pixels.
• outerHeight = px. Define el alto *total* de la ventana el pixels.
• left = px. Indica la distancia en pixels horizontal desde la esquina superior-izquierda de la pantalla, donde se debe posiciona la ventana. No soporta numero negativos.
• titleBar = [yes|no|1|0]. Indica que debe mostrar el titulo de la barra.
• top = px. Indica la distancia en pixels verticales desde la esquina superior-izquierda de la pantalla, donde se debe posiciona la ventana. No soporta numero negativos.
• centerScreen = [yes|no|1|0] - centra la ventana en relacion con su ventana padre.
• personalbar = [yes|no|1|0] - una barra secundari personalizada aparece.

Solo los parametros habilitados deben ser señalados.

5. Reemplaza ventana

Indica si la URL sera creada como una nueva entrada o reemplaza la actual en el historial.

window.open('indice.htm','Ejemplo7','top=100,left=100',true);

6. FAQ

Como puedo cerrar una ventana ?

Las ventanas nuevas no abiertas desde JavaScript no pueden ser cerradas por JavaScript. La consola informara de este problema.

Como fuerzo una ventana a que se maximize ?

No se puede. Ningún navegador permite esto porque confunde al cliente.

Como recupero una ventana minimizada o detrás de otra ventana ?

Primero compruebe que la ventana aun existe con la propiedad referencia_ventana.closed es falso. Luego use el método focus().

Como ajusto el tamaño de una ventana a su contenido ?

Usando el método sizeToContent()

Como compruebo si mi ventana fue bloqueada por el navegador ?

Verifique si al usar el método window.open() es diferente de null.

7. Ejemplos

ventana1 = window.open(http://www.perut.org,"Perú Ruteable","left=100,screenX=200,resizable,scrollbars,status");
ventana2 = window.open(http://radicalusarasa.pe,"Radical Uasara","OuterWidth=100,width=500,resizable,scrollbars,status");
window.open("mapa.php","Mapa ruteable");