Portée de sessionStorage et localStorage

Question

J'ai lu de la documentation sur sessionStorage et localStorage, mais je ne comprends pas quelle est la portée : le domaine, une page spécifique ?

Par exemple, si j'ai les pages suivantes :

http://example.com/products.aspx?productID=1

http://example.com/products.aspx?productID=2

http://example.com/services.aspx?serviceID=3

Et si sur chacune des pages ci-dessus j'exécute (avec idvalue étant la valeur dans la querystring) :

localStorage.setItem('ID',idvalue);

Est-ce que je vais me retrouver avec 3 valeurs différentes stockées, ou est-ce que les valeurs vont s'écraser les unes les autres ?

Answer 1

Stockage des sessions :

1. Les valeurs ne persistent que le temps de la fenêtre ou de l'onglet dans lequel elles sont stockées.

2. Les valeurs ne sont visibles que dans la fenêtre ou l'onglet qui les a créées.

Stockage local :

1. Les valeurs persistent pendant la durée de vie de la fenêtre et du navigateur.

2. Les valeurs sont partagées entre toutes les fenêtres ou tous les onglets fonctionnant à la même origine.

Ainsi, en lisant et en comprenant ceci, chaque paire clé-valeur est unique pour chaque domaine, car le stockage local persiste les valeurs à travers la fenêtre ou l'onglet.

Answer 2

Les valeurs vont s'écraser les unes sur les autres. Chaque paire clé-nom est unique pour un protocole et un domaine, indépendamment des chemins.

Le domaine concerné peut être modifié via le document.domain propriété.

• sub.example.com -> example.com est possible (sous-domaine)
• sub.example.com -> other.example.com n'est pas possible

Answer 3

Stockage des sessions : sessionStorage.setItem('key', "Value") ; => définir la valeur
sessionStorage.getItem('key') ; => récupérer la valeur
Il n'est stocké que jusqu'à ce que le navigateur soit fermé.

Stockage local : localStorage.setItem('key', "Value") ; => définir la valeur
localStorage.getItem('key') ; => obtenir la valeur
Il est stocké en permanence dans votre navigateur.