Propriété sessionStorage Window

Les propriétés sessionStorage permettent d'accéder à un objet de stockage de session. Il convient de noter que les données stockées dans sessionStorage ou localStorage sont spécifiques au protocole de la page.

Objet Window JavaScript

cesessionStorageLes propriétés lecture seule permettent d'accéder à une Stockage sessionobjets.

Les propriétés localStorage et sessionStorage permettent de stocker des/Les paires de valeurs sont stockées dans le navigateur Web.

L'objet sessionStorage stocke les données d'une session de navigateur. Lorsque l'utilisateur ferme un onglet spécifique du navigateur, les données sont supprimées.

sessionStorage est similaire à localStorage ; la seule différence est que les données stockées dans localStorage n'ont pas de date d'expiration, tandis que les données stockées dans sessionStorage sont supprimées à la fin de la session de page.

Les sessions de page restent en cours pendant que le navigateur est ouvert, et même si la page est rechargée ou restaurée, la session de page restera la même. Lorsque vous ouvrez une page dans un nouvel onglet ou une nouvelle fenêtre, le contexte de la session de niveau supérieur est copié en tant que contexte de la nouvelle session, ce qui est différent du fonctionnement des cookies de session.

Vous pouvez consulter nosHTML5 Dans l'API Web StoragePour en savoir plus sur sessionStorage.

Syntaxe :

window.sessionStorage

Enregistrer les donnéesEnregistrerLa syntaxe pour insérer dans sessionStorage :

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

à partir de sessionStorage LireLa syntaxe des données :

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

à partir de sessionStorage SupprimerLa syntaxe des données :

sessionStorage.removeItem("key");

à partir de sessionStorage Supprimer toutLa syntaxe des données à sauvegarder :

sessionStorage.clear();

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

Le code ci-dessus crée une variable de sessionStorage nommée en utilisant name="name" et value="Parrot"./Paire de valeurs.

Puis rechercher la valeur de "nom" et l'insérer dans l'élément ayant l'id="demo".

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

Remarque :Une fois que l'utilisateur ferme la fenêtre du navigateur, sessionStorage est effacé.

Compatibilité navigateur

Les nombres dans le tableau indiquent la première version du navigateur qui prend en charge pleinement les propriétés sessionStorage :

Détails techniques

Plus d'exemples

Voici un exemple de paramètres pour définir et accéder à une variable de session :

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

Références connexes

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

Tutoriel HTML :HTML5 API de stockage Web

Objet Window JavaScript