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

Objeto JavaScript

Manual de referência do JavaScript

Manual de referência JS DOM

Método Window open()

Objeto Janela (Window) do JavaScript

open()Método abre uma nova janela do navegador e carrega o arquivo especificado dentro dela.

Se uma nova janela foi criada para o documento especificado, pode-se abrir uma nova janela do navegador usando o métodofeaturesparâmetros para modificar sua aparência e comportamento.

Useclose()Método fecha a janela.

Sintaxe:

window.open(url, name, features, replace)
window.open("https://pt.oldtoolbag.com");
Teste e Veja‹/›

Compatibilidade do navegador

Método open() completamente suportado por todos os navegadores:

Método
open()simsimsimsimsim

Valor do parâmetro

ParâmetroDescrição
url（Opcional）URL da página da web a ser aberta. Se o URL não for configurado, o método window.open() abrirá uma janela em branco
name（Opcional）Especificar o nome da janela ou o atributo de destino.
valores possíveis：

  • _blank -URL foi carregada em uma nova janela (padrão)

  • _parent -URL foi carregada no frame pai

  • _self -URL substitui a página atual

  • _top -URL substitui todos os framesets que podem ser carregados

  • name -Nome da janela

features（Opcional）Lista de itens separados por vírgula, sem espaços.
valores possíveis：
channelmode =sim|não| 1 | 0 Mostra a janela em modo teatro. O padrão é não. Apenas IE
directories=sim|não|1|0 　Desatualizado Adicionar botão de diretório. O padrão é sim. Apenas IE
fullscreen=sim|não|1|0 　Mostra o navegador em modo de tela cheia. O padrão é não. A janela em modo de tela cheia também deve estar em modo teatro. Apenas IE
height=pixels 　Altura da janela. O valor mínimo é100
left=pixels 　Posição esquerda da janela. Não permite valores negativos
location=sim|não|1|0 　Mostra campo de endereço. Apenas Opera
menubar=sim|não|1|0 　se exibir a barra de menu
resizable=yes|no|1|0 　se a janela pode ser redimensionada. Apenas IE
scrollbars=yes|no|1|0 　se exibir a barra de rolagem. Apenas IE, Firefox e Opera
status=yes|no|1|0 　se adicionar a barra de status
titlebar=yes|no|1|0 　se exibir a barra de título. A menos que o aplicativo chamado seja um aplicativo HTML ou um diálogo confiável, será ignorado
toolbar=yes|no|1|0 　se exibir a barra de ferramentas do navegador. Apenas IE e Firefox
top=pixels 　posição superior da janela. Não são permitidos valores negativos
width=pixels 　largura da janela. O valor mínimo é100
replace（opcional）especifica se o URL cria um novo item ou substitui o documento atual na lista de histórico.
valores possíveis：

  • true-URL substitui o documento atual na lista de histórico

  • false-URL cria um novo item na lista de histórico

detalhes técnicos

valor retornado：representa o objeto Window do novo janela criada. Se não puder abrir a janela, o valor retornado é null.

mais exemplos

abrir uma página em branco na nova janela：

window.open("", "", "width=400, height=300");
Teste e Veja‹/›

abrir uma nova janela. Use o atributo name para retornar o nome da nova janela：

var win = window.open("", "popupWindow", "width=400, height=300");
win.document.write("<p>This window\39;s name is: "　+　win.name　+　"</p>");
Teste e Veja‹/›

abrir "parrot" na nova janela com altura e largura especificadas:-tutorial.com":

window.open("https://pt.oldtoolbag.com", "", "width=400, height=300");
Teste e Veja‹/›

abrir "parrot" na nova janela especificada:-tutorial.com":

window.open("https://pt.oldtoolbag.com", "", "left=500, top=200");
Teste e Veja‹/›

abrir uma nova janela e especificar sua aparência：

window.open("https://pt.oldtoolbag.com", "_blank",　
"toolbar=yes,scrollbars=yes,resizable=yes,top=200,left=500,width=400,height=300");
Teste e Veja‹/›

abrir uma nova janela e usar o método close() para fechar a nova janela：

var popupWindow;
//função abrir nova janela
function windowOpen() {
　　popupWindow = window.open("https://pt.oldtoolbag.com", "_blank");
}
//　Função para fechar a janela aberta
function windowClose() {
　　if (popupWindow) {
　popupWindow.close();
　　}
}
Teste e Veja‹/›

Usar a propriedade opener para retornar uma referência para a janela que criou a nova janela:

//　Abrir uma nova janela
var win = window.open("", "popupWindow", "width=300, height=200");
//Escrever algum conteúdo na nova janela
win.document.write("<p>O nome desta janela é: "　+　win.name　+　"</p>");
//　Escrever algum texto na janela criada para nova janela
win.opener.document.write("<h1>Esta é a janela de origem!>/h1)");
Teste e Veja‹/›

Referências Relacionadas

Referência Janela (Window):Método close()

Referência Janela (Window):Propriedade closed

Referência Janela (Window):Propriedade opener

Objeto Janela (Window) do JavaScript

Objeto Armazenamento JSObjeto Janela (Window) do JavaScript