HTML Session Storage
HTML Session Storage
Session Storage stores data temporarily while the browser tab is open.
What is Session Storage?
Session Storage works like Local Storage, but the data is deleted when the browser tab is closed.
It is useful for temporary website data.
Local Storage vs Session Storage
| Feature | Local Storage | Session Storage |
|---|---|---|
| Storage Time | Permanent | Temporary |
| Deleted On | Manual Delete | Tab Close |
| Capacity | 5MB+ | 5MB+ |
Store Data Example
JavaScript Example
sessionStorage.setItem( "name", "Mayank" );
Get Stored Data
let name =
sessionStorage.getItem("name");
console.log(name);
Live Demo
Session Name:
Remove Session Data
sessionStorage.removeItem("name");
Clear All Session Data
sessionStorage.clear();
Uses of Session Storage
- Temporary form data
- Shopping cart session
- Login session
- Wizard step tracking