TechCodeview

JavaScript oferece métodos integrados para abrir e fechar a janela do navegador para realizar operações adicionais, como janela do robô, etc. Esses métodos ajudam a abrir ou fechar pop-ups da janela do navegador. A seguir estão os métodos de janela:

abrir() fechar()

O janela.abrir método é usado para abrir uma nova página da web em uma nova janela e janela.fechar método para fechar a página da web aberta pelo método window.open. Veja o método window.open() em detalhes:

Janela.abrir()

É um método de janela predefinido de JavaScript usado para abrir a nova guia ou janela no navegador. Isso dependerá da configuração do seu navegador ou dos parâmetros passados ​​no método window.open() que uma nova janela ou guia será aberta.

Este método é compatível com quase todos os navegadores populares, como Chrome, Raposa de fogo , etc. A seguir está a sintaxe e os parâmetros do método de abertura de janela -

Sintaxe

Esta função aceita quatro parâmetros, mas são opcionais.

 window.open(URL, name, specs, replace); 

Ou

Você também pode usar esta função sem usar o janela palavra-chave conforme mostrado abaixo:

 open(URL, name, specs, replace) 

Não há diferença entre as duas sintaxes.

Lista de parâmetros

Abaixo está a lista de parâmetros do método window.open(). Observe que - todos os parâmetros deste método são opcionais e funcionam de maneira diferente.

URL: Este parâmetro opcional da função window.open() contém a string URL de uma página da web que você deseja abrir. Se você não especificar nenhum URL nesta função, uma nova janela em branco será aberta ( sobre:em branco ).

nome: Usando este parâmetro, você pode definir o nome da janela que irá abrir. Ele suporta os seguintes valores:

classificação de bolhas java

Os valores especificados acima são passados ​​entre aspas simples ou duplas para a função window.open() no local do parâmetro name.

especificações: Este parâmetro contém as configurações separadas por vírgula. O elemento usado neste parâmetro não pode conter espaços em branco, por exemplo, largura = 150, altura = 100 .

Suporta vários valores.

substituir: Como os outros parâmetros do método window.open(), este também é um parâmetro opcional. Ele cria uma nova entrada ou substitui a entrada atual na lista do histórico. Suporta dois valores booleanos; isso significa que ele retorna verdadeiro ou falso:

Valores de retorno

Ele retornará uma janela recém-aberta.

Exemplos

Aqui estão alguns exemplos da função window.open() para abrir a janela/guia do navegador. Por padrão, o URL especificado abre em uma nova guia ou janela. Veja os exemplos abaixo:

1. open() com parâmetro URL

Este é um exemplo simples de método de abertura de janela contendo o URL de um site. Usamos um botão. Ao clicar neste botão, o método window.open() irá chamar e abrir o site em uma nova aba do navegador.

mesclagem de classificação java

Copiar código

 Click the button to open new window <br> <br> Open Window 

Ou

Este código pode ser escrito conforme mostrado abaixo -

Copiar código

 function openWindow() { window.open(&apos;https://www.javatpoint.com&apos;); } Click the button to open new window <br> <br> Open Window 

Saída

Quando você clica neste Abrir janela botão, o site javatpoint será aberto em uma nova aba dentro da mesma janela.

Veja a imagem abaixo:

2. open() sem parâmetros

Neste exemplo, não passaremos nenhum parâmetro para a função window.open() para que a nova aba seja aberta na janela anterior.

Copiar código

 function openWindow() { window.open(); } Click the button to open new window <br> <br> Open Window 

Saída

Quando você executar o código acima, um botão aparecerá com ele.

Quando você clica aqui Abrir janela botão, uma janela em branco será aberta em uma nova guia.

3. open() com parâmetros de nome

Neste exemplo, especificaremos o _pai no parâmetro nome. Você pode passar qualquer um desses valores (_parent, _blank, _top, etc.) nele.

Copiar código

 function openWindow() { window.open(&apos;https://gmail.com&apos;, &apos;_parent&apos;); } <b> Click the button to open new window in same tab </b> <br> <br> Open Window 

Saída

exemplo de lista em java

Execute o código e obtenha a saída conforme fornecido abaixo. Isso conterá um botão para clicar e abrir o novo URL na mesma janela pai.

Quando você clica neste botão, o Gmail será aberto na mesma janela pai.

leão comparado a um tigre

Ao passar os diferentes valores no segundo parâmetro, você verá a diferença para valores diferentes.

4. Defina o tamanho da nova janela

Neste exemplo, especificaremos a altura e a largura da nova janela. Para isso, utilizaremos o terceiro parâmetro ( especificações ) no método window.open() e passe a altura e a largura da janela separadas por vírgula para esta função. Assim, a janela será aberta no tamanho especificado.

Copiar código

 function openWindow() { window.open(&apos;&apos;, &apos;&apos;, &apos;width=300,height=200&apos;); } <b> Click the button to open new window in same tab </b> <br> <br> Open Window 

Saída

Execute o código acima e obtenha a saída conforme fornecido abaixo. Isso conterá um botão para clicar e abrir o novo URL na mesma janela pai.

Ao clicar neste botão, uma nova janela em branco será aberta abaixo da janela pai do tamanho.

Observe que você também pode passar a URL para o método window.open() para abrir qualquer site.

Abra uma nova janela com um nome e uma mensagem

Podemos mostrar qualquer texto ou formulário definido pelo usuário em uma nova janela que abriremos ao clicar no botão. Para isso, precisamos fornecer qualquer nome à nova janela e escrever algum texto nela. Este nome passará para o método window.open(). Veja no código abaixo como ele será implementado com a codificação real.

Copiar código

 function openWindow() { var newtab = window.open(&apos;&apos;, &apos;anotherWindow&apos;, &apos;width=300,height=150&apos;); newtab.document.write(&apos;<p> This is &apos;anotherWindow&apos;. It is 300px wide and 150px tall new window! </p>&apos;); } <b> Click the button to open the new user-defined sized window </b> <br> <br> Open Window 

Saída

Execute o código e obtenha a saída conforme fornecido abaixo. Ele conterá um botão para clicar e abrir o novo URL na mesma janela pai.

Ao clicar neste botão, uma nova janela será aberta com uma mensagem definida pelo usuário na janela pai de tamanho 300*150.

quando saiu o win 7

JavaScript também oferece o método integrado, ou seja, close() para fechar a janela do navegador.

Feche a janela aberta por window.open()

Neste exemplo, mostraremos como fechar a janela ou aba aberta pelo método window.open(). Primeiramente, abriremos a URL de um site em uma nova janela (tamanho definido no código) clicando em um botão e depois usaremos outro botão para fechar a janela aberta. Veja no código abaixo como isso será feito:

Copiar código

 Open and close window method example // function to open the new window tab with specified size function windowOpen() { var newWindow = window.open( &apos;https://www.javatpoint.com/&apos;, &apos;_blank&apos;, &apos;width=500, height=350&apos;); } // function to close the window opened by window.open() function windowClose() { newWindow.close(); } <h2> Window open() and close() method </h2> <b> Click the button to open Javatpoint tutorial site </b> <br> Open Javatpoint <br> <br> <b> Click the button to close Javatpoint tutorial site </b> <br> Close Javatpoint 

Saída

Ao executar o código, você obterá a resposta conforme mostrado abaixo:

Clique no Abra o Javatpoint botão para abrir o site do tutorial Javatpoint. Especificamos o tamanho (altura e largura) da nova janela pop-up a ser aberta.

Se você clicar no Fechar Javatpoint botão, esta janela aberta será minimizada.

Suporte ao navegador

Vários navegadores da web suportam o método window.open(), como:

• cromada
• Mozilla Firefox
• Internet Explorer (IE)
• Ópera
• Safári, etc

Você pode usar e executar o método window.open() nos navegadores acima.

Nota: Você pode usar o método close() de JavaScript para fechar a janela aberta do navegador ou guia aberta por window.open(). Discutiremos isso no próximo capítulo com mais detalhes.