English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

Objeto JavaScript

Manual de referencia de JavaScript

Manual de referencia JS DOM

Método Window open()

Objeto Ventana de JavaScript

open()Método abrir una nueva ventana de navegador y cargar el archivo especificado.

Si se ha creado una nueva ventana para el documento especificado, se puede abrir una nueva ventana de navegador utilizando el métodofeaturesparámetros para modificar su apariencia y comportamiento.

Usarclose()Método cerrar ventana.

Sintaxis:

window.open(url, nombre, características, reemplazar)
window.open("https://es.oldtoolbag.com");
Prueba y observa‹/›

Compatibilidad del navegador

Método open() completamente soportado por todos los navegadores:

Método
open()SíSíSíSíSí

Valor del parámetro

ParámetrosDescripción
url（Opcional）URL de la página web que se necesita abrir. Si no se configura URL, el método window.open() abrirá una ventana en blanco
name（Opcional）Especificar el nombre de la ventana o las propiedades de destino.
可能的值：

  • _blank -URL se ha cargado en una nueva ventana (por defecto)

  • _parent -URL se ha cargado en el marco padre

  • _self -URL reemplaza la página actual

  • _top -URL reemplaza todos los marcos que pueden cargarse

  • name -Nombre de la ventana

features（Opcional）Lista de elementos separados por comas, sin espacios.
可能的值：
channelmode =sí|no| 1 | 0 Mostrar ventana en modo teatro. Por defecto no. Solo IE
directories=sí|no|1|0 　Obsoleto ¿Agregar botón de directorio? Por defecto sí. Solo IE
fullscreen=sí|no|1|0 　Mostrar navegador en modo de pantalla completa. Por defecto no. La ventana en modo de pantalla completa también debe estar en modo teatro. Solo IE
height=píxeles 　Altura de la ventana. El valor mínimo es100
left=píxeles 　Posición izquierda de la ventana. No se permiten valores negativos
location=sí|no|1|0 　Mostrar campo de dirección. Solo para Opera
menubar=sí|no|1|0 是否显示菜单栏
resizable=yes|no|1|0 窗口是否可调整大小。仅IE
scrollbars=yes|no|1|0 是否显示滚动条。仅限IE，Firefox和Opera
status=yes|no|1|0 是否添加状态栏
titlebar=yes|no|1|0 是否显示标题栏。除非调用应用程序是HTML应用程序或受信任的对话框，否则将被忽略
toolbar=yes|no|1|0 是否显示浏览器工具栏。仅限IE和Firefox
top=pixels 窗口的顶部位置。不允许负值
width=pixels 窗口的宽度。最小值为100
replace（可选）指定URL创建新条目或替换历史记录列表中的当前条目。
可能的值：

  • true-URL替换历史记录列表中的当前文档

  • false-URL在历史记录列表中创建一个新条目

技术细节

返回值：表示新创建的窗口的Window对象。如果无法打开窗口，则返回值为null。

更多示例

在新窗口中打开空白页：

window.open("", "", "width=400, height=300");
Prueba y observa‹/›

打开一个新窗口。使用name属性返回新窗口的名称：

var win = window.open("", "popupWindow", "width=400, height=300");
win.document.write("<p>This " window's name is: "　+　win.name　+　"</p>");
Prueba y observa‹/›

在指定高度和宽度的新窗口中打开“ parrot-tutorial.com"：

window.open("https://es.oldtoolbag.com", "", "width=400, height=300");
Prueba y observa‹/›

在指定位置的新窗口中打开“ parrot-tutorial.com"：

window.open("https://es.oldtoolbag.com", "", "left=500, top=200");
Prueba y observa‹/›

打开一个新窗口并指定其外观：

window.open("https://es.oldtoolbag.com", "_blank",　
"toolbar=yes,scrollbars=yes,resizable=yes,top=200,left=500,width=400,height=300");
Prueba y observa‹/›

打开一个新窗口，并使用close()方法关闭新窗口：

var popupWindow;
//打开新窗口的函数
function windowOpen() {
　　popupWindow = window.open("https://es.oldtoolbag.com", "_blank");
}
//　Función para cerrar la ventana abierta
function windowClose() {
　　if (popupWindow) {
　popupWindow.close();
　　}
}
Prueba y observa‹/›

Usar el atributo opener para obtener una referencia a la ventana que creó la nueva ventana:

//　Abrir una nueva ventana
var win = window.open("", "popupWindow", "width=300, height=200");
//Escribir algún contenido en la nueva ventana...
win.document.write("<p>El nombre de esta ventana es: "　+　win.name　+　"</p>");
//　Escribir algún texto en la ventana de creación de nueva ventana...
win.opener.document.write("<h1>¡Esto es la ventana de origen!.../h1>");
Prueba y observa‹/›

Referencias relacionadas

Referencia de ventana (Window):Método close()

Referencia de ventana (Window):Atributo closed

Referencia de ventana (Window):Atributo opener

Objeto Ventana de JavaScript

Objeto Almacenamiento JSObjeto Ventana de JavaScript