Como fechar a guia/janela criada usando JavaScript.

Como fechar a guia/janela criada usando JavaScript.
Ao navegar na Internet, você costuma encontrar situações em que deseja fechar uma guia/janela específica após um intervalo de tempo específico ou após a tarefa ser realizada. Cada guia ou janela aberta consome memória de trabalho ou RAM, o que pode eventualmente levar a sérios problemas de desempenho e desacelerar outras funcionalidades. Nesses casos, o JavaScript oferece a grande funcionalidade de fechar a guia/janela criada automaticamente.

Este artigo discutirá os métodos para fechar guias e janelas em JavaScript.

Como fechar a guia/janela criada usando JavaScript?

Para fechar a guia/janela criada usando JavaScript, as seguintes abordagens podem ser utilizadas:

  • ““janela.abrir()" e "setTimeout ()" métodos
  • ““janela.abrir()”Método e“ONCLICKEvento

Passar pelos métodos mencionados um por um!

Método 1: Feche a guia criada em JavaScript usando a janela.Métodos Open () e Settimeout ()

O "janela.abrir()”O método abre uma nova janela do navegador, ou uma nova guia, com base nos valores adicionados e no“setTimeout ()”Método acessa uma função após um tempo de definição especificado. Esses métodos podem ser usados ​​em combinação para abrir uma guia específica com base no URL e fechá -lo definindo um valor de tempo limite.

Sintaxe

janela.aberto (URL, nome, especificações, substitua)

Na sintaxe dada, “Url”É o URL da página,“nome”É o atributo alvo,“especificações“Consulte uma lista de itens separados por vírgula e“substituir”Indica se o URL cria uma nova entrada ou a substitui.

setTimeout (função, milissegundos, par1, par2)

Na sintaxe dada, “função”Refere -se à função que precisa ser invocada,“milissegundos”É o intervalo de tempo específico para executar e“PAR1","PAR2”São os parâmetros adicionais.

Veja o exemplo a seguir para uma melhor compreensão.

Exemplo

Primeiro, adicione o cabeçalho especificado no “

”Tag e crie um botão com um evento OnClick que invocará o“OPENTAB ()”Método quando clicado:

Feche a guia


Agora, defina uma função chamada “OPENTAB ()”. Em sua definição, chame o “janela.abrir()”Método para abrir uma nova guia em relação ao URL especificado. Por fim, aplique o “setTimeout ()”Método na função chamada“aba fechada()”Para fechar a guia usando o“fechar()”Método. Isso resultará no fechamento da guia em particular após cinco segundos:

função opentab ()
var closewindow = janela.aberto ("https: // www.Google.com ");
setTimeout (function closeTab ()
janela fechada.fechar();
, 5000);

A saída da implementação acima resultará da seguinte maneira:

Se você deseja fechar uma janela criada, utilize o seguinte método:

Método 2: Feche a janela criada em JavaScript usando a janela.Open () Método e Evento OnClick

O "janela.abrir() O método abre uma nova janela do navegador, ou uma nova guia, com base nos valores dos parâmetros definidos, conforme discutido no método anterior, enquanto um “ONCLICK”O evento ocorre quando o usuário clica em um elemento. Esses métodos podem ser usados ​​em combinação para alocar funções separadas para abrir e fechar a nova janela e definir as dimensões da janela criada nos parâmetros.

Sintaxe

objeto.OnClick = CloseWindow () Myscript;

Na sintaxe acima, “janela fechada()”Refere -se à função acessada.

O exemplo a seguir ilustra o conceito declarado.

Exemplo

Em primeiro lugar, inclua um título e crie dois botões diferentes para abrir e fechar a janela, respectivamente, com um evento OnClick referente às funções especificadas:

Feche a janela usando JavaScript



Em seguida, defina uma função chamada “OpenWindow ()”. Em sua definição, especifique o URL que será aberto na nova janela e especifique os parâmetros “largura" e "altura”Valores para definir as dimensões da nova janela:

var aberto;
function OpenWindow ()
abrir = janela.aberto ("https: // www.Google.com "," _blank "," largura = 786, altura = 786 ");

Por último, defina o janela fechada()”Função e aplique o“fechar()”Método referente à variável chamada“abrir”, Que abre a janela na função anterior. Isso resultará no fechamento da janela aberta quando o botão for clicado:

function closewindow ()
abrir.fechar();

Saída

Discutimos os métodos mais simples para fechar a guia e a janela criada usando JavaScript.

Conclusão

Para fechar uma guia/janela criada usando JavaScript, utilize o “janela.abrir()" e "setTimeout ()”Métodos para fechar uma guia criada após um horário especificado ou a janela.Método Open () com parâmetros e “ONCLICK”Evento envolvendo botões separados para cada uma das funcionalidades e definir as dimensões da janela criada nos parâmetros. Este artigo explicou os métodos para fechar uma guia/janela criada usando JavaScript.