Attribut Window sessionStorage

Définition et utilisation

localStorage et sessionStorage L'attribut permet de sauvegarder les paires clé/valeur dans le navigateur Web.

sessionStorage Les objets stockent uniquement les données d'une session (les données sont supprimées lorsque l'onglet du navigateur est fermé).

Astuce :Veuillez également consulter Propriété localStorage， cette propriété stocke les données sans date d'expiration. Les données ne sont pas supprimées lorsque le navigateur est fermé et sont disponibles le lendemain, dans une semaine ou une année.

Exemple

Exemple 1

Créez un nom de sessionStorage "lastname" et une valeur "Smith", puis récupérez la valeur de "lastname" et insérez-la dans l'élément id="result" :

// Enregistrer
sessionStorage.setItem("lastname", "Smith");
// Récupérer
document.getElementById("result").innerHTML = sessionStorage.getItem("lastname");

Essayez-le vous-même

Exemple 2

L'exemple suivant calcule le nombre de clics sur le bouton par l'utilisateur pendant la session actuelle :

if (sessionStorage.clickcount) {
  sessionStorage.clickcount = Number(sessionStorage.clickcount) + 1;
} else {
  sessionStorage.clickcount = 1;
}
document.getElementById("result").innerHTML = "Vous avez cliqué sur le bouton " +
sessionStorage.clickcount + " fois dans cette session.";

Essayez-le vous-même

Syntaxe

window.sessionStorage

Syntaxe pour enregistrer des données dans sessionStorage :

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

Syntaxe pour lire des données dans sessionStorage :

var lastname = sessionStorage.getItem("key");

Syntaxe pour supprimer des données dans sessionStorage :

sessionStorage.removeItem("key");

Syntaxe pour supprimer toutes les données enregistrées dans sessionStorage :

sessionStorage.clear();

Détails techniques

Retour valeur : Objet Storage

Support du navigateur

Les nombres dans le tableau indiquent la version du navigateur qui prend en charge pleinement cette propriété.

Propriétés Chrome IE Firefox Safari Opera
sessionStorage 4.0 8.0 3.5 4.0 11.5