Come eliminare un cookie in javascript

I cookie comprendono piccoli file che archiviano le informazioni dell'utente relative alle sessioni attuali e precedenti in un browser. Queste informazioni vengono utilizzate quando l'utente apre nuovamente il browser e la sua ultima sessione di accesso viene recuperata con l'aiuto dei cookie. Tuttavia, arriva un punto in cui potresti voler eliminare i cookie a causa di qualsiasi problema di privacy o rischio di sicurezza.

JavaScript ha reso più semplice eliminare i cookie impostando i valori di "Max-età" e "scade" attributi. Inoltre, puoi anche eliminare tutti i cookie aggiunti contemporaneamente utilizzando il Impostazioni del browser.

Questo articolo spiegherà i metodi per eliminare i cookie in JavaScript. Quindi iniziamo!

Come eliminare un cookie in JavaScript utilizzando l'attributo Scade

I cookie in JavaScript offrono un "scade"Attributo che consente di aggiungere un data di scadenza In Universal Time Coordinated (UTC) al biscotto "nome = valore" paio. Specificando qualsiasi data passata come data di scadenza, un cookie può essere facilmente eliminato in JavaScript.

Dai un'occhiata all'esempio di seguito.

Esempio: come eliminare un cookie in JavaScript utilizzando l'attributo di scadenza

Prima di tutto, aggiungeremo due pulsanti: "setcookie" E "getcookie" nel "indice.html" file. IL "setcookieIl pulsante invoca il "setCookie ()"Funzione per creare un cookie, mentre il"getcookieIl pulsante "chiama il"getCookie ()"Funzione per recuperare il cookie"valore chiave" paio:

Ecco come il nostro "indice.html"Il file sembra:

Successivamente, definiremo "setCookie ()" E "getCookie ()"Funzioni in"progetto.js" file. IL "setCookie ()"La funzione creerà un cookie con"valore chiave”Coppia come"Nome-Alexander"E imposta il valore di"scade" attribuire a "Sab, 20 gennaio 1980 12:00:00 UTC".

In questo esempio, quando viene creato l'oggetto cookie, l'interprete JavaScript controllerà la data di scadenza ed eliminerà immediatamente dal sistema, poiché abbiamo assegnato una data passata al "scade"Attributo:

funzione setCookie ()
documento.cookie = "name = alexander; scade = sab, 20 gennaio 1980 12:00:00 UTC";

Un'altra funzione che definiremo è la "getCookie ()" funzione. IL "getCookie ()"La funzione controllerà la lunghezza del cookie creato e visualizzerà la coppia di valore chiave in una casella di avviso. Nel nostro caso, il cookie creato è considerato "scaduto", Come risultato di esso, sul browser apparirà una scatola di allerta affermando che"Cookie non è disponibile":

funzione getCookie ()
if (documento.biscotto.lunghezza != 0)
Avviso (documento.biscotto);

altro
Avviso ("Cookie non è disponibile");

Successivamente, salveremo "indice.html" E "progetto.js"File e quindi utilizzare il codice VS"Server live"Estensione per eseguire l'applicazione nel browser:

La pagina Web aperta comprende due pulsanti: "setcookie" E "getcookie", Dove fare clic su"setcookie"Creerà un nuovo cookie con specificato"valore chiaveCoppia e "scade"Valore dell'attributo:

Quindi, fai clic su "getcookie"Pulsante:

Verrà generata una casella di avviso dopo aver eseguito l'azione specificata con il messaggio "Cookie non è disponibile". Ciò significa che il cookie creato viene eliminato correttamente:

Un altro attributo che può essere utilizzato per l'eliminazione dei biscotti è chiamato "Max-Age". Successivamente, impariamo a usare "Max-Age"Attributo cookie per eliminare i cookie.

Come eliminare un cookie in JavaScript usando l'attributo Max-Age

La vita di un cookie è impostata in base alla durata della sessione corrente del browser; Tuttavia, puoi usare il "Max-Age"Attributo per definire il suo tutta la vita, che sarà indipendente dalla durata della sessione del browser.

IL "Max-Age"L'attributo accetta il suo valore sotto forma di"Secondi,"E impostazione"zero" O "Numeri negativi"Definisce la vita dei cookie come"zero"Secondi. In questo modo, puoi utilizzare il "Max-Age"Attributo per eliminare un cookie nel browser.

Esempio: come eliminare un cookie in JavaScript usando l'attributo massimo

Nel "progetto.js"File, aggiungeremo la riga di seguito per creare un cookie con un"zero" tutta la vita:

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

Dopo aver aggiunto il "valore chiave"Coppia di un cookie, l'interprete JavaScript controllerà il valore del"Max-Age"Attributo, che è impostato su"0,"E quindi elimina immediatamente il cookie creato dal sistema:

Salva il codice fornito e aprilo nel browser. Dopo averlo fatto, fai clic su "setcookie"Pulsante per impostare il cookie specificato:

Quindi, fai clic su "getcookie"Pulsante:

Il valore aggiunto del "Max-Age"L'attributo costringerà il motore JavaScript a eliminare il cookie. Di conseguenza, la casella di avviso mostrerà un messaggio "Cookie non è disponibile":

Voglio provare qualsiasi Metodo esplicito per Eliminazione dei biscotti? Se sì, segui insieme alla sezione successiva.

Come eliminare i cookie utilizzando le impostazioni del browser

Se si desidera eliminare i cookie già creati in modo esplicito, segui le istruzioni di seguito:

Passo 1: Innanzitutto, aprire le impostazioni del browser facendo clic su Tre punti verticali o il "Menù"Pulsante, presente nell'angolo in alto a destra della finestra:

Passo 2: Successivamente, seleziona il “Storia"Opzione dal menu a discesa:

Passaggio 3: Ora, cerca il "Cancella dati di navigazione"Nel pannello sinistro e fai clic su di esso:

Passaggio 4: Una finestra di dialogo verrà visualizzata e qui segnerà il "Cookie e altri dati secondari"Casella di controllo e premi il"Cancella i dati"Pulsante. Questa azione eliminerà tutti i cookie aggiunti entro pochi secondi:

Abbiamo fornito informazioni essenziali relative all'eliminazione dei cookie in JavaScript. Puoi esplorarlo ulteriormente in base alle tue preferenze.

Conclusione

Usando Attributi "scade" e "massimo", Puoi eliminare i cookie in JavaScript. Specificare una data passata mentre la data di scadenza del cookie elimina immediatamente il cookie dopo la sua creazione. Allo stesso modo, definire la vita di un cookie come zero secondi usando l'attributo massimo-età aiuta a eliminare i cookie JavaScript. Oltre a questi due metodi, il Impostazioni del browser sono anche utilizzati per eliminare esplicitamente tutti i cookie aggiunti contemporaneamente. Questo post ha discusso della procedura per Elimina i cookie in JavaScript insieme agli esempi adatti.