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')