Un tutorial su come utilizzare i cookie HTML

May 11

Un tutorial su come utilizzare i cookie HTML


Un cookie è un piccolo file utilizzato da un browser Web per salvare i dati di sessione. Ad esempio, su un sito di shopping, i dati del carrello degli acquisti possono essere salvati in un cookie in modo che un utente può chiudere il suo browser e tornare al sito in seguito senza perdere il contenuto carrello. I cookie sono file di testo non eseguibili semplici memorizzati sul computer dell'utente. Essi hanno una data di scadenza e vengono cancellati automaticamente dopo tale data. funzionalità di gestione dei cookie può essere scritto in HTML utilizzando un linguaggio di scripting lato client, come JavaScript o VBScript, o uno script lato server con PHP, Perl o un linguaggio di programmazione simile.

istruzione

Creazione di un biscotto

1 Aprire un nuovo documento in un editor di testo. Copia e incolla il codice qui sotto nel documento e salvarlo come C: \ cookie.html.

<Html>

<Script type = "text / javascript">

Funzione setCookie (cookiename, expiredays) {

Indice var;

valore var;

if (cookiename == "setColor") {

index = document.frmCookie.selColor.selectedIndex;

value = document.frmCookie.selColor.options [index] .value;

}altro {

}

var expiredate = new Date ();

expiredate.setDate (expiredate.getDate () + expiredays);

document.cookie = cookiename + "=" + fuga (valore) + "; scadenza =" + expiredate.toGMTString ();

}

</ Script>

<Body>

Questa è la mia pagina web biscotto.

<Form name = 'frmCookie'>

<Select name = 'selColor'>

<Option value = 'red'> rossa </ option>

<Option value = 'blu'> blu </ option>

<Option value = 'green'> verde </ option>

</ Select>

<Input type = 'tasto' onclick = "setCookie ( 'setColor', 10);" Valore = 'setCookie' />

</ Form>

</ Body>

</ Html>

2 Aprire C: \ cookie.html in Internet Explorer, selezionare un colore dal menu a tendina, e fare clic sul pulsante "setCookie".

3 Aprire il browser Web e passare alla cartella cookie. Su Vista e Windows 7, questo sarà sotto "C: \ Users \ <utente conto> \ Cookies \" o "C: \ Users \ <account utente> \ AppData \ Roaming \ Microsoft \ Windows \ Cookies \". In Windows XP questo sarà in "C: \ Documents and Settings \ <utente conto> \ Cookies \". Ordina la cartella "data di modifica". L'ultimo biscotto sarà quello creato nel passaggio 2, con il nome "<account utente> @ del posto .txt ". Fare doppio clic per aprire il archiviato e visualizzare la selezione dei colori.

La lettura di un biscotto

4 Premere il tasto "Alt + Tab" per tornare a C: \ cookie.html dentro l'editor di testo. Copiare e incollare il seguente codice JavaScript sopra il tag "</ script>" per aggiungere funzionalità per ottenere il cookie.

Funzione getCookie (cookiename)

{

if (document.cookie.length> 0)

{

cookiestart = document.cookie.indexOf (cookiename + "=");

if (! cookiestart = - 1)

{

cookiestart = cookiestart + cookiename.length + 1;

cookieend = document.cookie.indexOf ( ";", cookiestart);

if (cookieend == - 1) cookieend = document.cookie.length;

tornare unescape (document.cookie.substring (cookiestart, cookieend));

}

}

ritorno "";

}

5 Copiare e incollare il seguente codice HTML al di sopra del "<form />" tag per aggiungere una linea per chiamare la funzione "getCookie".

<Input type = 'tasto' onclick = "alert (getCookie ( 'setColor'));" Valore = 'getCookie' />

6 Salvare il C: \ cookie.html file e premere "ALT + TAB" per tornare a Internet Explorer. Premere il tasto "F5" per aggiornare la pagina. Si dovrebbe ora visualizzare il pulsante "getCookie". Fare clic sul pulsante per visualizzare il colore selezionato.

Eliminazione di un biscotto

7 Premere il tasto "Alt + Tab" per tornare a C: \ cookie.html in un editor di testo. Copiare e incollare il seguente codice sopra il tag "</ script>" per aggiungere funzionalità per eliminare il cookie.

Funzione deleteCookie (cookiename)

{

var cookiedate = new Date ();

cookiedate.setTime (cookiedate.getTime () - 1);

document.cookie = cookiename + = "=; scade =" + cookiedate.toGMTString ();

}

8 Copiare e incollare il seguente codice HTML al di sopra del "<form />" tag per aggiungere una linea per chiamare la funzione "deleteCookie".

<Input type = 'tasto' onclick = "deleteCookie ( 'setColor');" Valore = 'deleteCookie' />

9 Salvare il C: \ cookie.html file e premere "ALT + TAB" per tornare a Internet Explorer. Premere il tasto "F5" per aggiornare la pagina. Si dovrebbe ora visualizzare il pulsante "deleteCookie".

10 Fare clic sul pulsante "deleteCookie" per visualizzare il colore selezionato. Quindi fare clic sul pulsante "deleteCookie". Fare clic sul pulsante "getCookie" di nuovo. Si dovrebbe visualizzare una finestra di avviso vuota.

Consigli e avvertenze

  • Una pagina Web può avere più di un biscotto. Per esempio nella cartella C: \ documenti cookie.html, è possibile creare un secondo elenco di opzioni di selezione e popolarlo con le opzioni del modello, come "strisce", "a pois", o "check". È possibile aggiungere nuovi pulsanti form HTML per impostare, recuperare e cancellare un cookie "setPattern" con una leggera modifica alla funzione Javascript setCookie.