一、SessionStorage
1.生命周期
SessionStorage中存儲的數據在當前會話期間有效,即當頁面關閉時數據將被清除。
2.作用域
SessionStorage中的數據僅在當前標簽頁或窗口中有效,不同標簽頁或窗口之間無法共享數據。
3.存儲容量
SessionStorage的存儲容量通常比localStorage小,因為它只在當前會話期間有效。
// 使用SessionStorage
// 存儲數據
sessionStorage.setItem('username', 'Alice');
// 獲取數據
const username = sessionStorage.getItem('username');
console.log(username); // 輸出:Alice
// 刪除數據
sessionStorage.removeItem('username');
二、localStorage
1.生命周期
localStorage中存儲的數據沒有過期時間,除非手動清除或瀏覽器緩存被清除,否則數據將一直保留。
2.作用域
localStorage中的數據在同一域名下的所有頁面之間都是共享的,不同頁面間可以共享數據。
3.存儲容量
localStorage的存儲容量相對較大,一般為5MB左右,可以存儲較多的數據。
// 使用localStorage
// 存儲數據
localStorage.setItem('theme', 'light');
// 獲取數據
const theme = localStorage.getItem('theme');
console.log(theme); // 輸出:light
// 刪除數據
localStorage.removeItem('theme');