Numeriske verdier og lokal lagring med HTML5 - dummies

Med HTML5 kan du skrive opptil 5MB data til en spesiell lokalStorage-fil på klientdatamaskinen. Alle sidene som kommer fra domenet ditt Del det samme lagringsområdet, slik at du kan bruke denne mekanismen til å holde data vedvarende mellom flere sider. Dataene forblir også på klientmaskinen (til du fjerner den), slik at den kan brukes til å holde oversikt over informasjon over tid. > Hvis du jobber med numeriske data, husk at LocalStorage lagrer alt som en streng. Det er ikke noe problem å lagre en numerisk verdi i LocalStorage, men når du henter det, må du konvertere verdien tilbake til en numerisk verdi (med parseInt () eller parseFloat ()) til datatypen du trenger. Her er et eksempel som teller antall ganger en bruker har besøkt nettstedet ditt:

funksjon countVisits () {str_count = localStorage. getItem ("count"); // få en numerisk verdi fra str_count, sett den i telle hvis (str_count == null || str_count == "null") {count = 0;} else {count = parseInt (str_count);} // ende hvis // inkrement teller count ++; // visningstall lblCounter = dokument. getElementById ("lblCounter"); lblCounter. innerHTML = "Du har vært her" + telle + "tider"; // butikk teller localStorage. setItem ("count", count);} // ende count

Denne koden må kjøres hver gang siden er lastet (kanskje med attributtet).

Forsøk å få tellingen fra

1. localStore . Bruk str_ prefiks for å minne deg om at dataene for øyeblikket er en streng.

   Kontroller at verdien eksisterer.

2. Hvis det ikke er noen oppføring i databasen for telling, må dette være første gang brukeren er her (eller de har slettet databasen). I begge tilfeller tilordner verdien 0 til å telle (som er en numerisk variabel).

   Hvis str_count eksisterer, konvertere det til et heltall.

3. Bruk metoden parseInt () for å konvertere strengen str_count til heltalltellingen.

   Legg til en for å telle.

4. Nå som tellingen er et heltall, kan du legge til det.

   Vis verdien til brukeren.

5. Dette er selvfølgelig ikke helt nødvendig, men det er hyggelig å gi noen tilbakemeldinger.

   Lagre telle

6. tilbake til localStorage-databasen. Merk at du kan lagre heltalstellingen til databasen uten problemer. Det blir stille omgjort til en streng når den er lagret.