sessionStorage
sessionStorage 对象实现与 localStorage 相同的存储接口。但是,不是与来自同一来源的所有页面共享,而是为每个窗口/选项卡单独存储 sessionStorage 数据。存储的数据在该窗口/选项卡中的页面之间持续存在,只要它处于打开状态,但在其他任何地方都不可见。
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);
};
将数据保存到 sessionStorage
sessionStorage.setItem('key', 'value');
从 sessionStorage 获取保存的数据
var data = sessionStorage.getItem('key');
从 sessionStorage 中删除已保存的数据
sessionStorage.removeItem('key')