Jak usunąć plik cookie w JavaScript

Pliki cookie zawierają małe pliki, które przechowują informacje użytkownika związane z bieżącymi i poprzednimi sesjami w przeglądarce. Informacje te są wykorzystywane, gdy użytkownik ponownie otworzy przeglądarkę, a jej ostatnia sesja logowania zostaje odzyskana za pomocą plików cookie. Nadchodzi jednak moment, w którym możesz chcieć usunąć pliki cookie z powodu wszelkich problemów z prywatnością lub zagrożeniem bezpieczeństwa.

JavaScript ułatwił usuwanie plików cookie, ustawiając wartości „Max-Age” i „wygasa” atrybuty. Ponadto możesz również usunąć wszystkie dodane pliki cookie jednocześnie, wykorzystując Ustawienia przeglądarki.

Ten zapis wyjaśni metody usuwania plików cookie w JavaScript. A więc zacznijmy!

Jak usunąć plik cookie w JavaScript za pomocą atrybutu Expires

Pliki cookie w JavaScript oferują „wygasa”Atrybut, który pozwala ci dodać termin ważności W Koordynowany czas uniwersalny (UTC) do ciasteczka ”Nazwa = wartość”Para. Określając każdą przekazaną datę jako datę ważności, plik cookie można łatwo usunąć w JavaScript.

Spójrz na przykład poniżej.

Przykład: Jak usunąć plik cookie w JavaScript za pomocą atrybutu Expires

Przede wszystkim dodamy dwa przyciski: „setCookie" I "Getcookie" w "indeks.html" plik. „„setCookie”Przycisk wywołuje„setCookie ()”Funkcja tworzenia pliku cookie, podczas gdy„Getcookie”Przycisk wywołuje„getCookie ()„Funkcja, aby pobrać ciasteczko”kluczowa wartość”Para:

Oto jak nasze „indeks.html„Plik wygląda jak:

Następnie zdefiniujemy „setCookie ()" I "getCookie ()”Funkcje w„projekt.JS" plik. „„setCookie ()„Funkcja utworzy plik cookie o„kluczowa wartość”Para jako„Nazwa-Alexander”I ustawia wartość„wygasa" przypisują "Sobota, 20 stycznia 1980 12:00:00 UTC".

W tym przykładzie, gdy obiekt cookie zostanie utworzony, interpreter JavaScript sprawdzi datę ważności i natychmiast usunie ją z systemu, ponieważ przypisaliśmy datę przekazaną do „wygasa" atrybut:

funkcja setCookie ()
dokument.cookie = "name = Alexander; exires = sat, 20 stycznia 1980 12:00:00 UTC";

Inną funkcją, którą zamierzamy zdefiniować, jest „getCookie ()”Funkcja. „„getCookie ()”Funkcja sprawdzi długość utworzonego pliku cookie i wyświetli parę wartości kluczy w polu alertu. W naszym przypadku utworzone pliki cookie jest uważane za „wygasły”W rezultacie w przeglądarce pojawi się pole alertów, stwierdzając, że„Plik cookie nie jest dostępny”:

funkcja getCookie ()
if (dokument.ciastko.długość != 0)
Alert (dokument.ciastko);

w przeciwnym razie
Alert („Cookie nie jest dostępny”);

Następnie uratujemy „indeks.html" I "projekt.JS”Pliki, a następnie użyj kodu VS„Serwer na żywo”Rozszerzenie uruchomienia aplikacji w przeglądarce:

Otwarta strona internetowa obejmuje dwa przyciski: „setCookie" I "Getcookie”, Gdzie kliknij„setCookie”Utworzy nowe plik cookie z określonym„kluczowa wartość”Para i„wygasa" wartość atrybutu:

Następnie kliknij „Getcookie" przycisk:

Po wykonaniu określonej akcji z komunikatem zostanie wygenerowane pola alertu ”Plik cookie nie jest dostępny". Oznacza to, że utworzone plik cookie jest pomyślnie usunięty:

Kolejny atrybut, który można wykorzystać do usuwania plików cookie, nazywa się „MAX-AGE". Następnie nauczmy się używać „MAX-AGE„Atrybut plików cookie do usuwania plików cookie.

Jak usunąć plik cookie w JavaScript za pomocą atrybutu Max-Age

Życie cookie jest ustawione zgodnie z bieżącym czasem sesji przeglądarki; Możesz jednak użyć „MAX-AGE”Atrybut definiowania jego dożywotni, które będą niezależne od czasu trwania sesji przeglądarki.

„„MAX-AGE”Atrybut akceptuje swoją wartość w formie„sekundy,”I ustawienie„zero" Lub "liczby ujemne„Definiuje życie cookie jako„zero" sekundy. W ten sposób możesz użyć „MAX-AGE”Przypisanie usunięcia pliku cookie w przeglądarce.

Przykład: Jak usunąć plik cookie w JavaScript za pomocą atrybutu Max-Age

W "projekt.JS„Plik, dodamy poniżej podaną linię, aby utworzyć plik cookie o”zero" dożywotni:

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

Po dodaniu „kluczowa wartość„Para pliku cookie, tłumacz JavaScript sprawdzi wartość„MAX-AGE”Atrybut, który jest ustawiony na„0,”A następnie natychmiast usuń utworzone ciasteczko z systemu:

Zapisz podany kod i otwórz go w przeglądarce. Po tym kliknij „setCookie”Przycisk, aby ustawić określone plik cookie:

Następnie kliknij „Getcookie" przycisk:

Wartość dodana „MAX-AGE„Atrybut zmusi silnik JavaScript do usunięcia pliku cookie. W wyniku tego pole Alert wyświetli wiadomość „Plik cookie nie jest dostępny”:

Chcesz spróbować Metoda jawna Do Usuwanie ciastek? Jeśli tak, podążaj za następną sekcją.

Jak usunąć pliki cookie za pomocą ustawień przeglądarki

Jeśli chcesz usunąć już utworzone pliki cookie jednocześnie wyraźnie, postępuj zgodnie z instrukcjami poniżej podania:

Krok 1: Najpierw otwórz ustawienia przeglądarki, klikając trzy pionowe kropki albo "Menu”Przycisk, obecny w prawym górnym rogu okna:

Krok 2: Następnie wybierz „Historia„Opcja z rozwijanego menu:

Krok 3: Teraz poszukaj „Wyczyść dane przeglądania”W lewym panelu i kliknij na niego:

Krok 4: Okno dialogowe wyskakuje i tutaj zaznacza „Pliki cookie i inne dane boczne”Pole wyboru i naciśnij„Wyczyść dane" przycisk. Ta akcja usunie wszystkie dodane pliki cookie w ciągu kilku sekund:

Podaliśmy niezbędne informacje związane z usunięciem plików cookie w JavaScript. Możesz go dalej zbadać zgodnie z preferencjami.

Wniosek

Za pomocą Atrybuty „wygasa” i „maksymalnie”, Możesz usunąć pliki cookie w JavaScript. Określenie przekazanej daty, ponieważ data wygaśnięcia plików cookie natychmiast usuwa plik cookie po jego utworzeniu. Podobnie, definiowanie życia pliku cookie jako zero sekund za pomocą atrybutu maksymalnego poziomu pomaga w usuwaniu plików cookie JavaScript. Oprócz tych dwóch metod, Ustawienia wyszukiwarki są również wykorzystywane do wyraźnego usuwania wszystkich dodanych plików cookie jednocześnie. W tym poście omówiono procedurę Usuń pliki cookie w JavaScript wraz z odpowiednimi przykładami.