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