Window sessionStorage 屬性
實例
使用 sessionStorage 創建一個本地存儲的 name/value 對,name="lastname" value="Smith", 然後檢索 "lastname" 的值,並插入到 id="result" 的元素上:
// 存儲
sessionStorage.setItem("lastname", "Smith");
// 檢索
document.getElementById("result").innerHTML = sessionStorage.getItem("lastname");
定義和使用
localStorage 和 sessionStorage 屬性允許在流覽器中存儲 key/value 對的數據。
sessionStorage 用於臨時保存同一窗口(或標籤頁)的數據,在關閉窗口或標籤頁之後將會刪除這些數據。
提示: 如果你想在流覽器窗口關閉後還保留數據,可以使用 localStorage 屬性, 該數據對象沒有過期時間,今天、下周、明年都能用,除非你手動去刪除。
流覽器支持
表格中的數字表示支持該屬性的第一個流覽器版本號。
屬性 | |||||
---|---|---|---|---|---|
sessionStorage | 4.0 | 8.0 | 3.5 | 4.0 | 11.5 |
語法
window.sessionStorage
保存數據語法:
sessionStorage.setItem("key", "value");
讀取數據語法:
var lastname = sessionStorage.getItem("key");
刪除指定鍵的數據語法:
sessionStorage.removeItem("key");
刪除所有數據:
sessionStorage.clear();
技術細節
返回值: | 一個存儲對象 |
更多實例
實例
以下實例用於記錄點擊按鈕的次數:
if (sessionStorage.clickcount) {
sessionStorage.clickcount = Number(sessionStorage.clickcount) + 1;
} else {
sessionStorage.clickcount = 1;
}
document.getElementById("result").innerHTML = "你在按鈕上已經點擊了 " +
sessionStorage.clickcount + " 次。";