HTML5 Web存儲-localStorage、sessionStorage

早些時候,本地存儲使用的是 cookie。但是Web 存儲需要更加的安全與快速.
這些數據不會被保存在服務器上，但是這些數據只用於用戶請求網站數據上.它也可以存儲大量的數據，而不影響網站的性能. 數據以 鍵/值 對存在, web網頁的數據只允許該網頁訪問使用。

存儲方式

鍵/值對通常以字符串存儲

localStorage.setItem('test',{name:123})
localStorage.getItem('test')//   "[object Object]"
localStorage.setItem('test',[123,1,3])
localStorage.getItem('test')//   "123,1,3"

api

• 保存數據：localStorage.setItem(key,value);
• 讀取數據：localStorage.getItem(key);
• 刪除單個數據：localStorage.removeItem(key);
• 刪除所有數據：localStorage.clear();
• 得到某個索引的key：localStorage.key(index);

localStorage

• 數據沒有時間限制，需手動刪除
• 打開多個窗口共享同一數據

sessionStorage

• 當用戶關閉瀏覽器窗口後，數據會被刪除。(刷新不會清除)
• 不同窗口的同一頁面數據不共享