Hvordan legge til cookies i XHTML

Webutviklere ofte finner det tungvint å lage oppdateringer til eksisterende HTML-sider. XHTML løser det problemet ved å håndheve standarder som Forbedre vedlikehold og tilgjengelighet av nettsider. Ved hjelp av XHTML, kan du spore besøkende ved å plassere informasjonskapsler data i sine nettlesere. En cookie kan være så enkelt som et brukernavn eller så komplisert som en handleliste. Javascript og regulære uttrykk kan du legge til sporing av informasjonskapsler funksjonalitet i XHTML-sider raskt.

Bruksanvisning

1 Åpne XHTML-dokument med Notepad eller en HTML-editor.

2 Legg til følgende kode i dokumentet "<body>" -delen.

<Input id = "Button1" type = "button" value = "Sett Cookie" onclick = "return setCookie ()" />

<Input id = "Button2" type = "button" value = "Vis Cookie" onclick = "return getCookie ()" />

<Input id = "Text1" type = "text" />

Dette plasserer to knapper og en tekstboks på siden. Den første knappen setter en informasjonskapsel, og den andre henter den. Begge knappene ringe Javascript-funksjoner.

3 Legg denne koden til "<script>" delen av dokumentet:

Var nameOfCookie = "brukernavn";

Var value = "John";

Var dager = 10;

De to første linjene definere cookie navn og verdi. I dette eksempelet er cookie navn "brukernavn", og verdien er "John". Den "dager" variabelen setter antall dager som cookie vil forbli aktiv.

4 Opprett setCookie funksjonen ved å legge inn denne koden under koden beskrevet i forrige trinn. Denne funksjonen setter cookie.

fungere setCookie3 () {

Var currentDate = new Date ();

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

currentDate.setTime (currentDate.getTime ()) + (dager * 86400000);

Var EXPIRATIONDATE = currentDate;

document.cookie = nameOfCookie + "; utløper =" + expirationDate.toGMTString ();

}

5 Legg til følgende kode under forrige trinn kode:

funksjon getCookie () {

regX = "= (*.?) (; | $)";

Var cookieObject = document.cookie.match (nameOfCookie + regX);

if (cookieObject.length> 0) {

Var retrievedValue = cookieObject [1];

alert ( "Hentet cookie value =" + retrievedValue);

}

}

De to første linjene i funksjonen bruker et vanlig uttrykk for å hente cookie som heter "brukernavn" og dele den i egne poster. Variabelen "retrievedValue" holder disse elementene. Hvis koden finner den angitte cookie, viser den sin verdi.

6 Lagre XHTML-dokument, og åpne den i nettleseren din. Skriv inn navnet ditt i tekstboksen, og klikk "Lagre Cookie". Koden skal utføre, og nettleseren vil lagre cookie.

7 Klikk "Show Cookie". En meldingsboks viser cookien som du angir.

Hint

  • Hvis brukerne deaktivere informasjonskapsler i nettleserne, kan du ikke bruke cookies på din XHTML.