範例

下面簡短的程式碼，訪問了當前域名下的 session Storage 物件，並使用 Storage.setItem() 添加了資料單元。

jssessionStorage.setItem("myCat", "Tom");

以下提供的範例為將文字輸入元件的內容自動保存，如果瀏覽器不小心重新整理，在頁面恢復後，會自動將內容還原，不會造成尚未送出的資料被清空。

js// 取得我們要保留內容的text field元件

var field = document.getElementById("field");

// 檢查是否有之前的autosave的內容

// 這段程式碼會在瀏覽器進入該頁面時被執行

if (sessionStorage.getItem("autosave")) {

// 還原先前的內容到指定的text field

field.value = sessionStorage.getItem("autosave");

}

// 註冊事件監聽text field內容的變化

field.addEventListener("change", function () {

// 並儲存變化後的內容至sessionStorage的物件裡

sessionStorage.setItem("autosave", field.value);

});

備註：完整的範例可參考這篇文章: Using the Web Storage API。