Propriétés localStorage de la fenêtre

Objet Window JavaScript

localStorageLes propriétés lecture seule vous permettent d'accéder à uneStockagePour l'objet source du document; les données stockées sont conservées entre les sessions de navigateur.

En comparaison avec l'utilisation des cookies, l'objet localStorage fournit un mécanisme par lequel le navigateur peut stocker les clés de manière plus efficace./Paires de valeurs.

localStorage etsessionStorageEnsemble, les différences résident en ce que bien que les données stockées dans localStorage n'aient pas d'heure d'expiration, les données stockées dans sessionStorage sont effacées à la fin de la session de page (c'est-à-dire lorsque la page est fermée).

Vous pouvez trouver sur notreHTML5 Dans l'API Web StorageEn savoir plus sur localStorage.

Syntaxe :

window.localStorage

Enregistrer les donnéesEnregistrerLa syntaxe pour stocker les données dans le localStorage :

localStorage.setItem("key", "value");

à partir du localStorage LireSyntaxe des données :

var name = localStorage.getItem("key");

à partir du localStorage SupprimerSyntaxe des données :

localStorage.removeItem("key");

//　Stockage
localStorage.setItem("name", "Parrot");
//　Récupérer
document.getElementById("demo").innerHTML = localStorage.getItem("name");

Le code ci-dessus crée un nom de stockage localStorage en utilisant name="name" et value="Parrot"./Paires de valeurs.

Ensuite, récupérez la valeur de "Nom" et insérez-la dans l'élément avec l'id="demo".

Nom/Les paires de valeurs sont toujours stockées sous forme de chaînes de caractères, vous pouvez les convertir en un autre format si nécessaire.

Compatibilité du navigateur

Les nombres dans le tableau indiquent la version du navigateur la première à prendre en charge les propriétés localStorage :

Détails techniques

Plus d'exemples

Voici un exemple de paramètres de variables de stockage local et d'accès à cette variable à chaque visite de la page :

if (localStorage.hits) {
localStorage.hits = Number(localStorage.hits)　+　1;
} else {
localStorage.hits =　1;
}

Vous pouvez également supprimer des éléments localStorage :

localStorage.removeItem("hits");

Références associées

Référence fenêtre (Window) :Propriété window.sessionStorage

Tutoriel HTML :HTML5 API de stockage Web

Objet Window JavaScript