Nwlapcug.com


Un Tutorial sull'utilizzo di cookie HTML

Un Tutorial sull'utilizzo di cookie HTML


Un cookie è un piccolo file utilizzato da un browser Web per salvare i dati della sessione. Ad esempio, su un sito di shopping, dati di carrello acquisti possono essere salvati in un cookie affinché un utente possa chiudere il browser e tornare al sito successivamente senza perdere il contenuto del carrello. I cookie sono file di testo semplice non eseguibili memorizzati sul computer dell'utente. Hanno una data di scadenza e vengono eliminati automaticamente dopo tale data. Gestione funzionalità cookie può essere scritto in HTML utilizzando un linguaggio di scripting lato client come Javascript o VBscript o uno script sul lato server con PHP, Perl o un linguaggio di programmazione simile.

Istruzioni

Creazione di un Cookie

1

Aprire un nuovo documento nell'editor di testo. Copiare e incollare il codice riportato di seguito nel documento e salvarlo come C:\cookie.html.

< html >

< script type = "text/javascript" >

function setCookie (cookiename, expiredays) {

Indice di var;

valore di var;

Se (cookiename = = "setColor") {

index=Document.frmCookie.selColor.SelectedIndex;

Value=Document.frmCookie.selColor.Options[index].Value;

} else {

}

expiredate var = new Date ();

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

Document.cookie=CookieName+ "=" + escape(value)+";expires="+expiredate.toGMTString();

}

< / script >

< corpo >

Questa è la mia pagina Web cookie.

< nome modulo = 'frmCookie' >

< select nome = 'SelColore' >

< valore opzione = 'red' > rosso < / option >

< valore opzione = 'blu' > blu < / option >

< valore opzione = 'verde' > verde < / option >

< / selezionare >

< input type = 'button' onclick = "setCookie ('setColor', 10);" valore = 'setCookie' / >

< / form >

< / body >

< / html >

2

Aprire C:\cookie.html in Internet Explorer, selezionare un colore dall'elenco a discesa e fare clic sul pulsante "setCookie".

3

Aprire il browser Web e passare alla cartella cookies. Su Vista e Windows 7, questo sarà sotto "C:\Users\ < account utente > \Cookies\" o "C:\Users\ < account utente > \AppData\Roaming\Microsoft\Windows\Cookies\". Su Windows XP sarà in "C:\Documents and Settings \ < account utente > \Cookies\". Ordinare la cartella "Data Ultima modifica". L'ultimo biscotto sarà quello creato nel passaggio 2, con il nome "< account utente > @ unalocale. txt". Fare doppio clic per aprire l'archiviato e visualizzare la selezione del colore.

Lettura di un Cookie

4

Premere "Alt + TAB" per tornare alla C:\cookie.html all'interno dell'editor di testo. Copiare e incollare il seguente codice Javascript sopra il tag "< / script >" per aggiungere funzionalità per ottenere il cookie.

funzione getCookie(cookiename)

{

Se (document.cookie.length > 0)

{

cookiestart=Document.cookie.IndexOf (cookiename + "=");

Se (cookiestart! =-1)

{

cookiestart=cookiestart + cookiename.length+1;

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

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

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

}

}

return "";

}

5

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

< input type = 'button' onclick="alert(getCookie('setColor'));" valore = 'getCookie' / >

6

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

L'eliminazione di un Cookie

7

Premere "Alt + TAB" per tornare a C:\cookie.html nel vostro editor di testo. Copiare e incollare il seguente codice sopra il tag "< / script >" per aggiungere funzionalità per eliminare i cookie.

funzione deleteCookie (cookiename)

{

var cookiedate = new Date ();

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

Document. cookie = cookiename + = "=; Expires = "+ cookiedate.toGMTString();

}

8

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

< input type = 'button' onclick="deleteCookie('setColor');" valore = 'deleteCookie' / >

9

Salvare il file C:\cookie.html e premere "Alt + TAB" per tornare a Internet Explorer. Premere "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 nuovamente clic sul pulsante "getCookie". Si dovrebbe visualizzare una finestra di avviso in bianco.

Consigli & Avvertenze

  • Una pagina Web può avere più di un cookie. Ad esempio nel documento C:\cookie.html, si può creare un elenco di opzioni Seleziona in secondo luogo e popolarlo con opzioni di modello, ad esempio "a strisce", "polka dot" o "verifica". È possibile aggiungere nuovi pulsanti del modulo HTML per impostare, recuperare ed eliminare un cookie di "setPattern" con una leggera modifica alla funzione setCookie Javascript.