Enter your email id to get regular update free
Login
Your Email
Pasword

What is HTML Web Storage?

Web applications can store data locally within the user's browser with web storage.

Before HTML5, application data had to be stored in cookies, included in every server request. 
Web storage is more secure, and large amounts of data can be stored locally, without affecting website performance. 
Unlike cookies, the storage limit is far larger and information is never transferred to the server.
Which are HTML Web Storage Objects?
HTML web storage provides two objects for storing data on the client.
window.localStorage stores data with no expiration date window.sessionStorage   stores data for one session .
To check browser support for localStorage and sessionStorage use following code:
if (typeof(Storage) !== "undefined")
{
// code of localStorage/sessionStorage.
}
else
 { //  Web Storage Not supported. 
}

localStorage Object
It stores the data with no expiration date. The data will not be deleted when the browser is closed, and will be available the next day, week, or year.
E.g:
//To Store data
localStorage.setItem("firstname", "Jack");
// To Retrieve data
document.getElementById("result").innerHTML= localStorage.getItem("firstname");

sessionStorage Object
The sessionStorage object is equal to the localStorage object, except that it stores the data for only one session. The data is deleted when the user closes the specific browser tab.
if (sessionStorage.clickcount)
{
 sessionStorage.clickcount = Number(sessionStorage.clickcount) + 1; }
else
{
sessionStorage.clickcount = 1;
 }
document.getElementById("result").innerHTML = "Button is clicked" + sessionStorage.clickcount + " time(s) in this session.";
Web Storage?
HTML
Ayesha
Tech writer at newsandstory
Total 96 views