The sessionStorage object implements the same Storage interface as localStorage. However, instead of being shared with all pages from the same origin, sessionStorage data is stored separately for every window/tab. Stored data persists between pages in that window/tab for as long as it's open, but is visible nowhere else.
var audio = document.querySelector('audio');
// Maintain the volume if the user clicks a link then navigates back here.
audio.volume = Number(sessionStorage.getItem('volume') || 1.0);
audio.onvolumechange = function(event) {
sessionStorage.setItem('volume', audio.volume);
};
Save data to sessionStorage
sessionStorage.setItem('key', 'value');
Get saved data from sessionStorage
var data = sessionStorage.getItem('key');
Remove saved data from sessionStorage
sessionStorage.removeItem('key')