sessionStorage
sessionStorage.setItem(key, text) sessionStorage.getItem(key)
La même interface que localStorage, mais les données n’appartiennent qu’à un seul onglet et disparaissent à sa fermeture. Elles survivent au rechargement de la page.
Paramètres
- Les mêmes méthodes que localStorage : setItem(), getItem(), removeItem(), clear().
Exemples
const saveDraft = (data) => sessionStorage.setItem('formulaire', JSON.stringify(data));
const loadDraft = () => JSON.parse(sessionStorage.getItem('formulaire') ?? '{}');
saveDraft({ name: 'Marie', message: 'Bonjour…' });
console.log(loadDraft());
sessionStorage.clear();
console.log(loadDraft(), sessionStorage.length);
Résultat :
{ name: 'Marie', message: 'Bonjour…' }
{} 0
Points d’attention
- Ne stocke que des chaînes de caractères – convertissez les nombres et les objets (
JSON.stringify()/JSON.parse()). La limite est d’environ 5 Mo par domaine. - Tout script de la page peut lire les données – n’y enregistrez jamais de mots de passe ni de jetons de connexion (risque XSS).
- Un nouvel onglet ouvert par un lien reçoit une copie des données, les modifications suivantes sont ensuite séparées.
Prise en charge par les navigateurs
Baseline – largement disponible : fonctionne dans tous les navigateurs courants, et depuis longtemps (au plus tard depuis 2015). Depuis la version : Chrome 4, Firefox 2, Safari 4 ; absent de Node.js (API du navigateur). État : octobre 2026 (MDN browser-compat-data).
Voir aussi :
localStorage
document.cookie