sessionStorage、localStorage

sessionStorage

• 生命週期：瀏覽器窗口或標籤頁被關閉，那麼sessionStorage存儲的數據也會被清空
• 儲數據大小：5MB
• 形式存儲：總是以字符串的形式存儲,並且數值類型會自動轉化爲字符串類型
• 共享範圍：不同瀏覽器無法共享sessionStorage信息。並且不同頁面或標籤頁間也無法共享sessionStorage的信息。(注:頁面及標 籤頁僅指頂級窗口，如果一個標籤頁包含多個iframe標籤且他們屬於同源頁面，那麼他們之間是可以共享sessionStorage的。)

// 保存數據到 sessionStorage
sessionStorage.setItem('key', 'value');

// 從 sessionStorage 獲取數據
sessionStorage.getItem('key');

// 從 sessionStorage 刪除保存的數據
sessionStorage.removeItem('key');

// 從 sessionStorage 刪除所有保存的數據
sessionStorage.clear();

localStorage

• 生命週期：永久，除非用戶主動清除瀏覽器緩存，否則這些信息將永遠存在瀏覽器上
• 儲數據大小：5MB
• 形式存儲：總是以字符串的形式存儲,並且數值類型會自動轉化爲字符串類型
• 共享範圍：相同瀏覽器屬於相同域名和端口的頁面間可以共享相同的 localStorage

// 保存或設置數據到localStorage
localStorage.setItem('key','value')
    
// 獲取某個localStorage
localStorage.getItem('key')
    
// 從localStorage刪除某個保存的數據
localStorage.removeItem('key')
    
// 從localStorage刪除所有保存的數據
localStorage.clear();