localStorage
代替window.localStorage
。即使用戶關閉瀏覽器,頁面數據依然存在。下一次用戶打開該頁面,便能夠使用該資料。舉個例子,當 localStorage 擁有 userdata,瀏覽器可以獲取用戶資料,瀏覽器會導航用戶到登入後的畫面。
if (localStorage.getItem('userdata')) {
login();
} else {
register();
}
sessionStorage 與 localStorage 相似,但如果用戶關閉當前頁面,sessionStorage 中的數據就會被清空。
window.sessionStorage.setItem("username", "calpa");
window.sessionStorage.getItem("username"); // calpa
儲存資料的時候,可以利用 Storage 物件內的setItem()
方法。
localStorage.setItem(3, 3);
sessionStorage.setItem("username", "calpa");
獲取資料的時候,則會用到getItem()
方法。
let username = localStorage.getItem("username");
如果 key 不是 string 的話,獲取資料時會出現問題。
localStorage.3 = 3; // Uncaught SyntaxError: Unexpected number
清除某個資料,可以用removeItem()
window.localStorage.removeItem("username");
清除所有資料,可以用clear()
window.localStorage.clear();
window.sessionStorage.clear();