web 本地存儲 （localStorage、sessionStorage）

1. 保存數據到本地

const info = { name: 'Lee', age: 20, id: '001' }; sessionStorage.setItem('key', JSON.stringify(info)); localStorage.setItem('key', JSON.stringify(info));

2. 從本地存儲獲取數據

var data1 = JSON.parse(sessionStorage.getItem('key')); var data2 = JSON.parse(localStorage.getItem('key'));

• 1
• 2

3. 本地存儲中刪除某個保存的數據

sessionStorage.removeItem('key'); localStorage.removeItem('key');

• 1
• 2

4. 刪除全部保存的數據

sessionStorage.clear();
    localStorage.clear();

• 1
• 2

5. 監聽本地存儲的變化

Storage 發生變化（增長、更新、刪除）時的 觸發，同一個頁面發生的改變不會觸發，只會監聽同一域名下其餘頁面改變 Storage

window.addEventListener('storage', function (e) { console.log('key', e.key); console.log('oldValue', e.oldValue); console.log('newValue', e.newValue); console.log('url', e.url); })