Exemplo
Abrir "www.w3ii.com" em uma nova janela do navegador:
window.open("http://www.w3ii.com"); Tente você mesmo " Mais "Try it Yourself" exemplos abaixo.
Definição e Uso
O open() método abre uma nova janela do navegador.
Dica: Use o close() método para fechar a janela.
Suporte navegador
| Método | |||||
|---|---|---|---|---|---|
| open() | sim | sim | sim | sim | sim |
Sintaxe
window.open( Os valores dos parâmetros Parâmetro Descrição URL Opcional. Especifica o URL da página para abrir. Se nenhuma URL for especificado, uma nova janela com about: blank é aberto name Opcional. Especifica o target atributo ou o nome da janela. Os valores que se seguem são suportados: - _blank - URL é carregado em uma nova janela. Este é o padrão
- _parent - URL é carregado no quadro pai
- _self - URL substitui a página atual
- _top - URL substitui quaisquer conjuntos de quadros que podem ser carregados
- name - O nome da janela (Nota: o nome não especifica o título da nova janela)
specs Opcional. Uma lista separada por vírgulas de itens, há espaços em branco. Os valores que se seguem são suportados:
channelmode=yes|no|1|0 Se deve ou não exibir a janela no modo de teatro. O padrão é não. única IE directories=yes|no|1|0 Obsoleto. Se deve ou não adicionar botões de diretório. O padrão é sim. única IE fullscreen=yes|no|1|0 Se deve ou não exibir o navegador em modo de tela cheia. O padrão é não. Uma janela em modo de tela cheia também deve estar no modo de teatro. única IE height=pixels A altura da janela. Min. valor é de 100 left=pixels A posição esquerda da janela. Os valores negativos não permitidos location=yes|no|1|0 Se deve ou não exibir o campo de endereço. única ópera menubar=yes|no|1|0 Se deve ou não exibir a barra de menus resizable=yes|no|1|0 Quer ou não a janela é redimensionável. única IE scrollbars=yes|no|1|0 Se deve ou não exibir barras de rolagem. IE, Firefox e Opera única status=yes|no|1|0 Quer ou não adicionar uma barra de status titlebar=yes|no|1|0 Se deve ou não exibir a barra de título. Ignorado a menos que o aplicativo de chamada é uma aplicação HTML ou uma caixa de diálogo de confiança toolbar=yes|no|1|0 Se deve ou não exibir a barra de ferramentas do navegador. IE e Firefox única top=pixels A posição superior da janela. Os valores negativos não permitidos width=pixels A largura da janela. Min. valor é de 100
substituir Opcional. Especifica se a URL cria uma nova entrada ou substitui a entrada atual na lista do histórico. Os valores que se seguem são suportados: - verdade - URL substitui o documento atual na lista do histórico
- falsa - URL cria uma nova entrada na lista do histórico
Detalhes técnicos
Valor de retorno: Uma referência para a janela recém-criado, ou nulo, se a chamada falhou
mais Exemplos
Exemplo
Abra uma about: blank página em uma nova janela:
var myWindow = window.open("", "", "width=200,height=100"); Tente você mesmo "
Exemplo
Abra uma nova janela chamada "MsgWindow" , e escrever algum texto nele:
var myWindow = window.open("", "MsgWindow", "width=200,height=100");
myWindow.document.write("<p>This is 'MsgWindow'. I am 200px wide and 100px
tall!</p>"); Tente você mesmo "
Exemplo
Substituir a janela atual com uma nova janela:
var myWindow = window.open("", "_self");
myWindow.document.write("<p>I
replaced the current window.</p>"); Tente você mesmo "
Exemplo
Abra uma nova janela e controlar sua aparência:
window.open("http://www.w3ii.com", "_blank", "toolbar=yes,scrollbars=yes,resizable=yes,top=500,left=500,width=400,height=400"); Tente você mesmo "
Exemplo
Abrir várias janelas:
window.open("http://www.google.com/");
window.open("http://www.w3ii.com/"); Tente você mesmo "
Exemplo
Abra uma nova janela. Use close() para fechar a nova janela:
function openWin() {
myWindow = window.open("", "myWindow", "width=200,height=100"); // Opens a new window
}
function closeWin() {
myWindow.close(); // Closes the new window
} Tente você mesmo "
Exemplo
Abra uma nova janela. Use a propriedade de nome para retornar o nome da nova janela:
var myWindow = window.open("", "MsgWindow", "width=200,height=100");
myWindow.document.write("<p>This window's name is: " + myWindow.name +
"</p>"); Tente você mesmo "
Exemplo
Usando a propriedade abridor para retornar uma referência para a janela que criou a nova janela:
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 Tente você mesmo "
<Window Objeto