Ιδιότητα Window localStorage

Ορισμός και χρήση

Οι ιδιότητες localStorage και sessionStorage επιτρέπουν την αποθήκευση κλειδιών/τιμών στο πρόγραμμα περιήγησης Web.

Το αντικείμενο localStorage αποθηκεύει δεδομένα χωρίς ημερομηνία λήξης. Τα δεδομένα δεν θα διαγραφούν όταν κλείσει το πρόγραμμα περιήγησης και θα είναι διαθέσιμα την επόμενη ημέρα, την εβδομάδα ή ένα έτος μετά.

Η ιδιότητα localStorage είναι μονόδρομη.

Σημείωση:Δείτε επίσης Ιδιότητα sessionStorage，η ιδιότητα αυτή αποθηκεύει δεδομένα για μια συνεδρία (τα δεδομένα θα χαθούν όταν κλείσει η καρτέλα του προγράμματος περιήγησης).

Παράδειγμα

Παράδειγμα 1

Δημιουργήστε ένα ονοματικό τιμή localStorage="lastname" και value="Smith", στη συνέχεια ανακτήστε την τιμή του "lastname" και εισάγετε το στο στοιχείο με id="result":

// Αποθηκεύστε
localStorage.setItem("lastname", "Smith");
// Ανακτήστε
document.getElementById("result").innerHTML = localStorage.getItem("lastname");

Προσπαθήστε το個人

Παράδειγμα 2

Το παρακάτω παράδειγμα υπολογίζει τον αριθμό των κليκών του χρήστη στο κουμπί:

if (localStorage.clickcount) {
  localStorage.clickcount = Number(localStorage.clickcount) + 1;
} else {
  localStorage.clickcount = 1;
}
document.getElementById("result").innerHTML = "Πατήσατε το κουμπί " +
localStorage.clickcount + " φορά(ες).";

Προσπαθήστε το個人

Σύνταξη

window.localStorage

Η σύνταξη για την αποθήκευση δεδομένων στο localStorage:

localStorage.setItem("κλειδί", "τιμή;

Η σύνταξη για την ανάκτηση δεδομένων από το localStorage:

var lastname = localStorage.getItem("κλειδί;

Η σύνταξη για την αφαίρεση δεδομένων από το localStorage:

localStorage.removeItem("κλειδί;

Τεχνικές λεπτομέρειες

Αποτελεσματικότητα: Αντικείμενο Αποθήκευσης

Υποστήριξη του προγράμματος περιήγησης

Ο αριθμός στη τράπεζα καθορίζει την πρώτη έκδοση του προγράμματος περιήγησης που υποστηρίζει πλήρως το πρότυπο.

Πρότυπα Chrome IE Firefox Safari Opera
localStorage 4.0 8.0 3.5 4.0 11.5