localStorage API lets you store data locally (as the name implies) that the browser can access later.
Data is stored indefinitely, and must be a string.
setItem() to store your data, passing in a key as the first argument, and your data value as the second. You can call
getItem() to retrieve your data, and
removeItem() to delete it.
// Store data var someData = 'The data that I want to store for later.'; localStorage.setItem('myDataKey', someData); // Get data var data = localStorage.getItem('myDataKey'); // Remove data localStorage.removeItem('myDatakey');
localStorage works in all modern browsers, and back to IE8.
Browsers provide differing levels of storage space for
localStorage ranging from as little as 2mb up to unlimited.
For browsers with a maximum storage limit, this amount is a total allowable amount of data, not just a max for your specific site or web app. Accordingly, you should try to reduce the overall footprint of your data as much as possible.