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() | Sí | Sí | Sí | Sí | Sí |
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
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