Cómo cerrar la pestaña/ventana creada usando JavaScript.

Mientras navega por Internet, a menudo se encuentra con situaciones en las que desea cerrar una pestaña/ventana particular después de un intervalo de tiempo específico o después de que se realice la tarea. Cada pestaña o ventana abierta consume memoria de trabajo o RAM, lo que eventualmente puede conducir a serios problemas de rendimiento y ralentizar otras funcionalidades. En tales casos, JavaScript ofrece la gran funcionalidad de cerrar la pestaña/ventana creada automáticamente.

Este artículo discutirá los métodos para cerrar pestañas y ventanas en JavaScript.

Cómo cerrar la pestaña/ventana creada usando JavaScript?

Para cerrar la pestaña/ventana creada con JavaScript, se pueden utilizar los siguientes enfoques:

• "ventana.abierto()" y "setTimeout ()" métodos
• "ventana.abierto()"Método y"al hacer clic" evento

Pasar por los métodos mencionados uno por uno!

Método 1: Pestaña Cerrar creada en JavaScript usando Window.Métodos Open () y setTimeOut ()

El "ventana.abierto()El método "abre una nueva ventana del navegador, o una nueva pestaña, basada en los valores agregados y el"setTimeout ()El método "accede a una función después de un tiempo establecido especificado. Estos métodos se pueden usar en combinación para abrir una pestaña particular basada en la URL y cerrarla estableciendo un valor de tiempo de espera.

Sintaxis

ventana.Abrir (URL, nombre, especificaciones, reemplazar)

En la sintaxis dada, "Url"Es la URL de la página", "nombre"Es el atributo objetivo", "especificaciones"Consulte una lista de artículos separados por comas, y"reemplazar"Indica si la URL crea una nueva entrada o la reemplaza.

setTimeOut (función, milisegundos, par1, par2)

En la sintaxis dada, "función"Se refiere a la función que necesita ser invocada", "milisegundos"Es el intervalo de tiempo específico para ejecutar, y"par1","par2"Son los parámetros adicionales.

Mire el siguiente ejemplo para una mejor comprensión.

Ejemplo

Primero, agregue el encabezado especificado en el "

"Etiqueta y cree un botón con un evento OnClick que invocará el"opentab ()"Método cuando se hace clic:

Cierre la pestaña

Haga clic aquí

Ahora, defina una función llamada "opentab ()". En su definición, llame al "ventana.abierto()Método para abrir una nueva pestaña con respecto a la URL especificada. Por último, aplique el "setTimeout ()"Método en la función nombrada"cerrar pestaña()"Para cerrar la pestaña usando el"cerca()" método. Esto dará como resultado cerrar la pestaña particular después de cinco segundos:

función opentab ()
var flourwindow = ventana.Abrir ("https: // www.Google.com ");
setTimeout (function closetab ()
Cerrar ventana.cerca();
, 5000);

La salida de la implementación anterior dará como resultado lo siguiente:

Si desea cerrar una ventana creada en su lugar, utilice el siguiente método:

Método 2: Ventana Cerrar creada en JavaScript usando Window.Evento Open () Método y OnClick

El "ventana.abierto() El método abre una nueva ventana del navegador, o una nueva pestaña, basada en los valores de los parámetros establecidos como se discutió en el método anterior, mientras que un "al hacer clicEl evento ocurre cuando el usuario hace clic en un elemento. Estos métodos se pueden usar en combinación para asignar funciones separadas para abrir y cerrar la nueva ventana y establecer las dimensiones de la ventana creada en los parámetros.

Sintaxis

objeto.onClick = closeWindow () myScript;

En la sintaxis anterior, "Cerrar ventana()"Se refiere a la función de acceso.

El siguiente ejemplo ilustra el concepto declarado.

Ejemplo

En primer lugar, incluya un encabezado y cree dos botones diferentes para abrir y cerrar la ventana, respectivamente, con un evento de OnClick que se refiere a las funciones especificadas:

Cerrar ventana con JavaScript

Haga clic aquí para abrir una nueva ventana
Haga clic aquí para cerrar una nueva ventana

A continuación, defina una función llamada "ventana abierta()". En su definición, especifique la URL que se abrirá en la nueva ventana y especifique los parámetros "ancho" y "altura"Valores para establecer las dimensiones de la nueva ventana:

var abierto;
función OpenWindow ()
Abrir = Ventana.Abrir ("https: // www.Google.com "," _blank "," ancho = 786, altura = 786 ");

Por último, defina el Cerrar ventana()"Función y aplique el"cerca()"Método que se refiere a la variable llamada"abierto", Que abre la ventana en la función anterior. Esto dará como resultado cerrar la ventana abierta cuando se haga clic en el botón:

función CloseWindow ()
abierto.cerca();

Producción

Hemos discutido los métodos más simples para cerrar la pestaña y la ventana creada con JavaScript.

Conclusión

Para cerrar una pestaña/ventana creada con JavaScript, utilice el "ventana.abierto()" y "setTimeout ()"Métodos para cerrar una pestaña creada después de un tiempo específico o la ventana.Open () método con parámetros y "al hacer clic"Evento que involucra botones separados para cada una de las funcionalidades y establece las dimensiones de la ventana creada en los parámetros. Este artículo explicó los métodos para cerrar una pestaña/ventana creada usando JavaScript.