Cómo eliminar una cookie en JavaScript

Las cookies comprenden archivos pequeños que almacenan la información del usuario relacionada con las sesiones actuales y anteriores en un navegador. Esta información se utiliza cuando el usuario abre nuevamente el navegador, y su última sesión de inicio de sesión se recupera con la ayuda de cookies. Sin embargo, llega un punto en el que desee eliminar cookies debido a cualquier preocupación de privacidad o riesgo de seguridad.

JavaScript facilitó la eliminación de las cookies estableciendo los valores de "Max-Age" y "Expires" atributos. Además, también puede eliminar todas las cookies adicionales a la vez utilizando el Configuración del navegador.

Este artículo explicará los métodos para eliminar las cookies en JavaScript. Entonces, comencemos!

Cómo eliminar una cookie en JavaScript usando el atributo expirado

Las cookies en JavaScript ofrecen un "expirar"Atributo que le permite agregar un fecha de caducidad en Universal tiempo coordinado (UTC) a la galleta "nombre = valor" par. Al especificar cualquier fecha aprobada como una fecha de vencimiento, una cookie se puede eliminar fácilmente en JavaScript.

Eche un vistazo al ejemplo de abajo dada.

Ejemplo: cómo eliminar una cookie en JavaScript usando el atributo expirado

En primer lugar, agregaremos dos botones: "setcookie" y "getcookie" en el "índice.html" archivo. El "setcookie"El botón invoca el"setcookie ()"Funciona para crear una cookie, mientras que el"getcookie"El botón llama al"Getcookie ()"Funciona para buscar la cookie"valor clave" par:

Así es como nuestro "índice.html"El archivo se parece:

A continuación, definiremos "setcookie ()" y "Getcookie ()"Funciones en el"proyecto.js" archivo. El "setcookie ()"La función creará una cookie que tiene"valor clave"Pare como"nombre-alexandro"Y establece el valor del"expirar" atribuir a "Sábado, 20 de enero de 1980 12:00:00 UTC".

En este ejemplo, cuando se crea el objeto de cookie, el intérprete JavaScript verificará la fecha de vencimiento y la eliminará inmediatamente del sistema, ya que hemos asignado una fecha aprobada al "expirar" atributo:

función setcookie ()
documento.Cookie = "Name = Alexander; expiras = sáb, 20 de enero de 1980 12:00:00 UTC";

Otra función que vamos a definir es el "Getcookie ()" función. El "Getcookie ()"La función verificará la longitud de la cookie creada y mostrará el par de valores clave en un cuadro de alerta. En nuestro caso, la cookie creada se considera "venció", Como resultado, aparecerá un cuadro de alerta en el navegador que indique que"Cookie no está disponible":

function getcookie ()
if (documento.Galleta.longitud != 0)
alerta (documento.Galleta);

demás
alerta ("La cookie no está disponible");

A continuación, guardaremos "índice.html" y "proyecto.js"Archivos y luego utilice el código VS"Servidor en vivoExtensión para ejecutar la aplicación en el navegador:

La página web abierta comprende dos botones: "setcookie" y "getcookie", Donde hacer clic en el"setcookie"Creará una nueva cookie con especificada"valor clave"Pare y"expirar" valor de atributo:

Luego, haga clic en el "getcookie" botón:

Se generará un cuadro de alerta al realizar la acción especificada con el mensaje "Cookie no está disponible". Esto significa que la cookie creada se elimina con éxito:

Otro atributo que se puede utilizar para eliminar cookies se llama "máximo de la edad". A continuación, aprendamos cómo usar el "máximo de la edad"Atributo de cookies para eliminar cookies.

Cómo eliminar una cookie en JavaScript utilizando el atributo Max-Age

La vida útil de una cookie se establece de acuerdo con la duración actual de la sesión del navegador; Sin embargo, puedes usar el "máximo de la edad"Atributo para definir su toda la vida, que será independiente de la duración de la sesión del navegador.

El "máximo de la edad"El atributo acepta su valor en forma de"segundos,"Y configurar"cero" o "números negativos"Define la vida útil de las galletas como"cero" segundos. De esta manera, puedes utilizar el "máximo de la edad"Atributo para eliminar una cookie en el navegador.

Ejemplo: Cómo eliminar una cookie en JavaScript usando el atributo de Max-Age

En el "proyecto.js"Archivo, agregaremos la línea dada a continuación para crear una cookie que tenga una"cero" toda la vida:

documento.Cookie = "Name = Alexander; Max-Age = 0";

Después de agregar el "valor clave"Par de una cookie, el intérprete de JavaScript verificará el valor del"máximo de la edad"Atributo, que está establecido en"0,"Y luego elimine la cookie creada inmediatamente del sistema:

Guarde el código proporcionado y ábralo en su navegador. Después de hacerlo, haga clic en el "setcookieBotón para establecer la cookie especificada:

A continuación, haga clic en el "getcookie" botón:

El valor agregado del "máximo de la edad"El atributo obligará al motor JavaScript a eliminar la cookie. Como resultado de esto, el cuadro de alerta mostrará un mensaje "Cookie no está disponible":

Quiero probar cualquiera método explícito para Eliminar cookies? Si es así, siga junto con la siguiente sección.

Cómo eliminar las cookies usando la configuración del navegador

Si desea eliminar las cookies ya creadas a la vez explícitamente, siga las instrucciones a continuación:

Paso 1: En primer lugar, abra la configuración del navegador haciendo clic en el Tres puntos verticales o el "MenúBotón, presente en la esquina superior derecha de la ventana:

Paso 2: A continuación, seleccione el "Historia"Opción en el menú desplegable:

Paso 3: Ahora, busca el "Eliminar datos de navegación"En el panel izquierdo y haga clic en él:

Etapa 4: Un cuadro de diálogo aparecerá y aquí marque el "Cookies y otros datos laterales"Cadera de verificación y presione el"Borrar datos" botón. Esta acción eliminará todas las cookies adicionales en unos pocos segundos:

Hemos proporcionado información esencial relacionada con la eliminación de cookies en JavaScript. Puede explorarlo más de acuerdo con sus preferencias.

Conclusión

Usando Atributos "expiros" y "Max-Age", puedes eliminar cookies en JavaScript. Especificar una fecha pasada como la fecha de vencimiento de la cookie elimina inmediatamente la cookie después de su creación. Del mismo modo, definiendo la vida útil de una cookie como cero segundos utilizando el atributo de edad máxima asistencia en la eliminación de cookies JavaScript. Además de estos dos métodos, el Configuración del navegador También se utilizan para eliminar explícitamente todas las cookies adicionales a la vez. Esta publicación discutió el procedimiento para Eliminar cookies en JavaScript junto con los ejemplos adecuados.