Hi Frank,
HTML 5 local storage provides two objects for storing data on the client machine
- window.localStorage - stores data with no expiration date
- window.sessionStorage - stores data for one session (data is lost when the tab is closed)
You can check if borowser support for localStorage and sessionStorage:
if(typeof (Storage) !== "undefined") {
// Code for localStorage/sessionStorage.
}else {
// Sorry! No Web Storage support..
}
Local Storage Example:
// Store
localStorage.setItem("lastname", "xyz");
// Retrieve
document.getElementById("result").innerHTML = localStorage.getItem("lastname");
The syntax for removing the "lastname" localStorage item is as follows:
localStorage.removeItem("lastname");
Session Storage Example:
// Store
sessionStorage.setItem("lastname", "Smith");
// Retrieve
document.getElementById("result").innerHTML = sessionStorage.getItem("lastname");
Posted On:
23-Jun-2015 06:03