Los últimos tutoriales de desarrollo web
 

Ventana open() Method

<Ventana Object

Ejemplo

Abrir "www.w3ii.com" en una nueva ventana del navegador:

window.open("http://www.w3ii.com");
Inténtalo tú mismo "

Más "Try it Yourself" ejemplos a continuación.


Definición y Uso

El open() método abre una nueva ventana del navegador.

Consejo: Utilice el close() método para cerrar la ventana.


Soporte del navegador

Método
open()

Sintaxis

window.open( Los valores de los parámetros
Parámetro Descripción
URL Opcional. Especifica la dirección URL de la página para abrir. Si no se especifica una URL, una nueva ventana con aproximadamente: se abre en blanco
name Opcional. Especifica el target atributo o el nombre de la ventana. Los siguientes valores son compatibles:
  • _blank - URL se carga en una nueva ventana. Esto es por defecto
  • _parent - URL se carga en el marco padre
  • _self - URL reemplaza la página actual
  • _top - URL reemplaza cualquier conjuntos de marcos que pueden ser cargados
  • name - El nombre de la ventana (Nota: el nombre no especifica el título de la nueva ventana)
specs Opcional. Una lista separada por comas de elementos, no hay espacios en blanco. Los siguientes valores son compatibles:

channelmode=yes|no|1|0 Sea o no mostrar la ventana en modo teatro. Predeterminado es no. Sólo IE
directories=yes|no|1|0 Obsoleto. Sea o no para añadir botones de directorio. Por defecto es sí. Sólo IE
fullscreen=yes|no|1|0 Si se muestra o no el navegador en modo de pantalla completa. Predeterminado es no. Una ventana en modo de pantalla completa también debe estar en el modo teatro. Sólo IE
height=pixels La altura de la ventana. Min. valor es 100
left=pixels La posición izquierda de la ventana. Los valores negativos no se les permite
location=yes|no|1|0 Si se muestra o no el campo de dirección. única ópera
menubar=yes|no|1|0 Sea o no mostrar la barra de menú
resizable=yes|no|1|0 Sea o no la ventana es de tamaño variable. Sólo IE
scrollbars=yes|no|1|0 Sea o no mostrar las barras de desplazamiento. IE, Firefox y Opera solamente
status=yes|no|1|0 Sea o no agregar una barra de estado
titlebar=yes|no|1|0 Si debe o no mostrar la barra de título. Ignorado a menos que la aplicación de llamada es una aplicación HTML o un cuadro de diálogo de confianza
toolbar=yes|no|1|0 Sea o no mostrar la barra de herramientas del navegador. IE y Firefox solamente
top=pixels La posición superior de la ventana. Los valores negativos no se les permite
width=pixels La anchura de la ventana. Min. valor es 100

reemplazar Opcional. Especifica si la URL crea una entrada nueva o reemplaza a la entrada actual de la lista del historial. Los siguientes valores son compatibles:
  • verdad - URL reemplaza el documento actual en la lista del historial
  • falsa - URL crea una nueva entrada en la lista del historial

Detalles técnicos

Valor de retorno: Una referencia a la ventana recién creada, o null si la llamada falla

Ejemplos

Más ejemplos

Ejemplo

Abrir un sobre: ​​página en blanco en una nueva ventana:

var myWindow = window.open("", "", "width=200,height=100");
Inténtalo tú mismo "

Ejemplo

Abrir una nueva ventana llamada "MsgWindow" , y escribir algún texto en ella:

var myWindow = window.open("", "MsgWindow", "width=200,height=100");
myWindow.document.write("<p>This is 'MsgWindow'. I am 200px wide and 100px tall!</p>");
Inténtalo tú mismo "

Ejemplo

Vuelva a colocar la ventana actual con una nueva ventana:

var myWindow = window.open("", "_self");
myWindow.document.write("<p>I replaced the current window.</p>");
Inténtalo tú mismo "

Ejemplo

Abrir una nueva ventana y controlar su apariencia:

window.open("http://www.w3ii.com", "_blank", "toolbar=yes,scrollbars=yes,resizable=yes,top=500,left=500,width=400,height=400");
Inténtalo tú mismo "

Ejemplo

Abrir varias ventanas:

window.open("http://www.google.com/");
window.open("http://www.w3ii.com/");
Inténtalo tú mismo "

Ejemplo

Abrir una nueva ventana. Utilice close() para cerrar la nueva ventana:

function openWin() {
    myWindow = window.open("", "myWindow", "width=200,height=100");   // Opens a new window
}

function closeWin() {
    myWindow.close();   // Closes the new window
}
Inténtalo tú mismo "

Ejemplo

Abrir una nueva ventana. Utilice la propiedad de nombre para devolver el nombre de la nueva ventana:

var myWindow = window.open("", "MsgWindow", "width=200,height=100");
myWindow.document.write("<p>This window's name is: " + myWindow.name + "</p>");
Inténtalo tú mismo "

Ejemplo

Usando la propiedad de apertura para devolver una referencia a la ventana que se creó la nueva ventana:

var myWindow = window.open("", "myWindow", "width=200,height=100");   // Opens a new window
myWindow.document.write("<p>This is 'myWindow'</p>");   // Text in the new window
myWindow.opener.document.write("<p>This is the source window!</p>");  // Text in the window that created the new window
Inténtalo tú mismo "

<Ventana Object