Smartoolz

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