JavaScript sessionStorage

示例

sessionStorage对象实现与localStorage相同的存储接口。但是，sessionStorage数据不是为同一来源的所有页面共享，而是为每个窗口/选项卡单独存储。只要打开，存储的数据就一直在该窗口/选项卡的页面之间保留，但是在其他任何地方都看不到。

var audio = document.querySelector('audio');

// 如果用户单击链接然后在此处导航，请保持音量。
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')