Hvordan slette en informasjonskapsel i JavaScript

Informasjonskapsler består av små filer som lagrer brukerinformasjonen relatert til gjeldende og tidligere økter i en nettleser. Denne informasjonen brukes når brukeren åpner nettleseren igjen, og den siste påloggingsøkten blir gjenopprettet ved hjelp av informasjonskapsler. Imidlertid kommer det et punkt når du kanskje vil slette informasjonskapsler på grunn av eventuell personvern eller sikkerhetsrisiko.

JavaScript gjorde det lettere å slette informasjonskapsler ved å angi verdiene til “Max-age” og “utløper” attributter. Dessuten kan du også slette alle de ekstra informasjonskapslene på en gang ved å bruke Nettleserens innstillinger.

Denne oppskrivningen vil forklare metodene for å slette informasjonskapsler i JavaScript. Så la oss starte!

Hvordan slette en informasjonskapsel i JavaScript ved å bruke utløper attributt

Informasjonskapsler i JavaScript tilbyr en "utløper”Attributt som tillater deg å legge til en utløpsdato i Universal Time Coordinated (UTC) til informasjonskapselen “Navn = verdi" par. Ved å spesifisere en hvilken som helst bestått dato som en utløpsdato, kan en informasjonskapsel enkelt slettes i JavaScript.

Ta en titt på det undergitte eksemplet.

Eksempel: Hvordan slette en informasjonskapsel i JavaScript ved å bruke utløper attributt

Først av alt vil vi legge til to knapper: “setcookie”Og“Getcookie”I“indeks.html”Fil. “setcookie”-Knappen påkaller“setcookie ()”Funksjon for å lage en informasjonskapsel, mens“Getcookie”-Knappen kaller“GetCookie ()”Funksjon for å hente informasjonskapselen”nøkkelverdi" par:

Slik er vår “indeks.html”Fil ser ut som:

Deretter vil vi definere “setcookie ()”Og“GetCookie ()”Funksjoner i“prosjekt.JS”Fil. “setcookie ()”Funksjonen vil lage en informasjonskapsel som har“nøkkelverdi”Par som“Navn-Alexander”Og setter verdien av“utløper" tilskrive "Lør 20. januar 1980 12:00:00 UTC”.

I dette eksemplet, når cookie -objektet opprettes, vil JavaScript -tolken sjekke utløpsdatoen og slette den umiddelbart fra systemet, da vi har tildelt en passert dato til "utløper" Egenskap:

funksjon setCookie ()
dokument.cookie = "name = Alexander; utløper = lør, 20. jan 1980 12:00:00 UTC";

En annen funksjon som vi skal definere er "GetCookie ()”Funksjon. “GetCookie ()”Funksjonen vil sjekke lengden på den opprettede informasjonskapselen og vise nøkkelverdi-paret i en varslingsboks. I vårt tilfelle blir den opprettede informasjonskapselen betraktet som “utløpt”Som et resultat av det vil en varslingsboks vises i nettleseren som sier at“Cookie er ikke tilgjengelig”:

funksjon getCookie ()
hvis (dokument.kjeks.lengde != 0)
Varsel (dokument.kjeks);

annet
Varsel ("Cookie er ikke tilgjengelig");

Deretter vil vi spare “indeks.html”Og“prosjekt.JS”Filer og bruker deretter VS -koden”Live server”Utvidelse for å kjøre applikasjonen i nettleseren:

Den åpne websiden inneholder to knapper: “setcookie”Og“Getcookie”, Hvor klikking på“setcookie”Vil lage en ny informasjonskapsel med spesifisert”nøkkelverdi”Par og“utløper”Attributtverdi:

Klikk deretter på "Getcookie”Knapp:

En varslingsboks vil bli generert ved utførelse av den spesifiserte handlingen med meldingen “Cookie er ikke tilgjengelig”. Dette betyr at den skapte informasjonskapselen blir slettet vellykket:

En annen attributt som kan brukes til å slette informasjonskapsler kalles "maks-alder”. Neste, la oss lære å bruke “maks-alder”Attributt for informasjonskapsler for å slette informasjonskapsler.

Hvordan slette en informasjonskapsel i JavaScript ved å bruke Max-Age-attributtet

En cookies levetid er satt i henhold til gjeldende øktvarighet i nettleseren; Du kan imidlertid bruke "maks-alder”Attributt for å definere dens livstid, som vil være uavhengig av varigheten av nettleseren.

“maks-alder”Attributt godtar verdien i form av“sekunder,”Og innstilling“null”Eller“Negative tall”Definerer cookie -levetiden som“null”Sekunder. På denne måten kan du bruke "maks-alder”Attributt til å slette en informasjonskapsel i nettleseren.

Eksempel: Hvordan slette en informasjonskapsel i JavaScript ved å bruke maksimal attributt

I “prosjekt.JS”Fil, vi vil legge til den undergitte linjen for å lage en informasjonskapsel som har en“null" livstid:

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

Etter å ha lagt til “nøkkelverdi”Par av en informasjonskapsel, JavaScript -tolk vil sjekke verdien av“maks-alder”Attributt, som er satt til“0,”Og slett deretter den opprettede informasjonskapselen umiddelbart fra systemet:

Lagre den medfølgende koden og åpne den i nettleseren din. Etter å ha gjort det, klikker du på "setcookie”-Knappen for å angi den spesifiserte informasjonskapselen:

Deretter klikker du på "Getcookie”Knapp:

Merverdien av “maks-alder”Attributt vil tvinge JavaScript -motoren til å slette informasjonskapselen. Som et resultat av dette vil varslingsboksen vise en melding "Cookie er ikke tilgjengelig”:

Vil prøve noe eksplisitt metode til Slette informasjonskapsler? Hvis ja, så følg med neste avsnitt.

Hvordan slette informasjonskapsler ved hjelp av nettleserinnstillinger

Hvis du vil slette allerede opprettet informasjonskapsler på en gang eksplisitt, så følg de undergitte instruksjonene:

Trinn 1: For det første, åpne nettleserinnstillingene ved å klikke på Tre vertikale prikker eller "Meny”Knapp, til stede øverst til høyre i vinduet:

Steg 2: Deretter velger du "Historie”Alternativ fra rullegardinmenyen:

Trinn 3: Nå, se etter “Tydelige nettleserdata”I venstre panel og klikk på det:

Trinn 4: En dialogboks vil hylle og her markere “Informasjonskapsler og andre sidedata”Avkrysningsrute og treffer“Slett data”-Knappen. Denne handlingen vil slette alle de ekstra informasjonskapslene i løpet av noen sekunder:

Vi har gitt viktig informasjon relatert til å slette informasjonskapsler i JavaScript. Du kan utforske det ytterligere i henhold til dine preferanser.

Konklusjon

Ved hjelp av “Utløper” og “Max-Age” attributter, Du kan slette informasjonskapsler i JavaScript. Spesifisere en bestått dato som informasjonskapselens utløpsdato sletter umiddelbart informasjonskapselen etter opprettelsen. På samme måte hjelper det å definere levetiden til en informasjonskapsel som null sekunder ved å bruke maks-aldersattributtet med å slette JavaScript-informasjonskapsler. Foruten disse to metodene, Nettleserinnstillinger brukes også for eksplisitt å slette alle de ekstra informasjonskapslene på en gang. Dette innlegget diskuterte prosedyren til Slett informasjonskapsler i JavaScript sammen med de passende eksemplene.