Comment supprimer un cookie en javascript

Les cookies comprennent de petits fichiers qui stockent les informations utilisateur liées aux sessions actuelles et précédentes dans un navigateur. Ces informations sont utilisées lorsque l'utilisateur ouvre à nouveau le navigateur, et sa dernière session de connexion est récupérée à l'aide de cookies. Cependant, il arrive un moment où vous voudrez peut-être supprimer des cookies en raison de toute préoccupation de confidentialité ou risque de sécurité.

JavaScript a facilité la suppression des cookies en définissant les valeurs de «Max-Age» et «Expire» les attributs. De plus, vous pouvez également supprimer tous les cookies supplémentaires à la fois en utilisant le Paramètres du navigateur.

Cet article expliquera les méthodes pour supprimer les cookies dans JavaScript. Alors, commençons!

Comment supprimer un cookie en javascript à l'aide de l'attribut expire

Les cookies en javascript offrent un «expire”Attribut qui vous permet d'ajouter un date d'expiration dans Temps universel coordonné (UTC) au cookie "nom = valeur" paire. En spécifiant toute date passée à la date d'expiration, un cookie peut être facilement supprimé en JavaScript.

Jetez un œil à l'exemple donné ci-dessous.

Exemple: comment supprimer un cookie en javascript à l'aide de l'attribut expire

Tout d'abord, nous ajouterons deux boutons: «setcookie" et "getcookie" dans le "indice.html" déposer. Le "setcookie"Le bouton invoque le"setcookie ()”Fonction pour créer un cookie, alors que le"getcookie«Le bouton appelle le«getcookie ()"Fonction pour récupérer le cookie"valeur clé" paire:

Voici comment notre «indice.html»Le fichier ressemble:

Ensuite, nous définirons «setcookie ()" et "getcookie ()»Fonctions dans le«projet.js" déposer. Le "setcookie ()"La fonction créera un cookie ayant"valeur clé"Paire comme"nom-alandre»Et définit la valeur du«expire" attribuer à "Sam, 20 janvier 1980 12:00:00 UTC".

Dans cet exemple, lorsque l'objet cookie est créé, l'interprète JavaScript vérifiera la date d'expiration et le supprimera immédiatement du système, car nous avons attribué une date passée au «expire" attribut:

fonction setcookie ()
document.Cookie = "name = Alexander; expire = SAT, 20 janvier 1980 12:00:00 UTC";

Une autre fonction que nous allons définir est le «getcookie ()" fonction. Le "getcookie ()»La fonction cochera la longueur du cookie créé et affichera la paire de valeurs de clé dans une boîte d'alerte. Dans notre cas, le cookie créé est considéré comme «expiré», En conséquence, une boîte d'alerte apparaîtra sur le navigateur indiquant que«Le cookie n'est pas disponible»:

fonction getcookie ()
si (documenter.biscuit.longueur != 0)
alerte (document.biscuit);

autre
alerte ("le cookie n'est pas disponible");

Ensuite, nous allons économiser "indice.html" et "projet.js"Fichiers puis utilisez le code vs"Serveur en direct”Extension Pour exécuter l'application dans le navigateur:

La page Web ouverte comprend deux boutons: «setcookie" et "getcookie", Où cliquer sur le"setcookie"Créera un nouveau cookie avec spécifié"valeur clé"Paire et"expire”Valeur d'attribut:

Ensuite, cliquez sur le "getcookie" bouton:

Une boîte d'alerte sera générée lors de l'exécution de l'action spécifiée avec le message "Le cookie n'est pas disponible". Cela signifie que le cookie créé est supprimé avec succès:

Un autre attribut qui peut être utilisé pour la suppression des cookies est appelé «maximum". Ensuite, apprenons à utiliser le «maximum”Attribut de cookies pour la suppression des cookies.

Comment supprimer un cookie en JavaScript à l'aide d'attribut max-âge

La durée de vie d'un cookie est définie en fonction de la durée de session actuelle du navigateur; Cependant, vous pouvez utiliser le «maximum»Attribut pour définir son durée de vie, qui sera indépendant de la durée de la session du navigateur.

Le "maximum«L'attribut accepte sa valeur sous la forme de«secondes,"Et définir"zéro" ou "Nombres négatifs»Définit la durée de vie des cookies comme«zéro»Secondes. De cette façon, vous pouvez utiliser le «maximum«Attribut pour supprimer un cookie dans le navigateur.

Exemple: comment supprimer un cookie en javascript à l'aide d'attribut max-âge

Dans le "projet.js«Fichier, nous ajouterons la ligne ci-dessous pour créer un cookie ayant un«zéro" durée de vie:

document.cookie = "name = Alexander; max-age = 0";

Après avoir ajouté le «valeur clé”Paire de cookie, l'interprète JavaScript vérifiera la valeur du"maximum«Attribut, qui est défini sur«0,»Puis supprimez immédiatement le cookie créé du système:

Enregistrez le code fourni et ouvrez-le dans votre navigateur. Après cela, cliquez sur le "setcookie”Bouton pour définir le cookie spécifié:

Ensuite, cliquez sur le "getcookie" bouton:

La valeur ajoutée du "maximum»L'attribut obligera le moteur JavaScript à supprimer le cookie. À la suite de cela, le boîtier d'alerte affichera un message "Le cookie n'est pas disponible»:

Veux essayer n'importe quel méthode explicite pour Suppression des cookies? Si oui, alors suivez la section suivante.

Comment supprimer les cookies à l'aide de paramètres du navigateur

Si vous souhaitez supprimer des cookies déjà créés à la fois explicitement, suivez les instructions ci-dessous:

Étape 1: Tout d'abord, ouvrez les paramètres du navigateur en cliquant sur le Trois points verticaux ou la "Menu”Bouton, présent dans le coin supérieur droit de la fenêtre:

Étape 2: Ensuite, sélectionnez le "Histoire”Option dans le menu déroulant:

Étape 3: Maintenant, cherchez le "Effacer les données de navigation«Dans le panneau de gauche et cliquez dessus:

Étape 4: Une boîte de dialogue apparaîtra et marquera ici le «Cookies et autres données secondaires"Cochez la case et appuyez sur"Effacer les données" bouton. Cette action supprimera tous les cookies supplémentaires en quelques secondes:

Nous avons fourni des informations essentielles liées à la suppression des cookies dans JavaScript. Vous pouvez l'explorer davantage en fonction de vos préférences.

Conclusion

En utilisant Les attributs «expirent» et «Max-Age», vous pouvez supprimer des cookies en javascript. Spécifier une date passée car la date d'expiration du cookie supprime immédiatement le cookie après sa création. De même, la définition de la durée de vie d'un cookie comme zéro seconde en utilisant l'attribut max-âge aide à supprimer les cookies JavaScript. Outre ces deux méthodes, le Paramètres du navigateur sont également utilisés pour supprimer explicitement tous les cookies ajoutés à la fois. Ce message a discuté de la procédure de Supprimer les cookies en javascript avec les exemples appropriés.