使用 HTML5 Web 存儲, 可以在本地存儲用戶的瀏覽數(shù)據(jù)。
在 HTML5 之前,本地存儲使用的是 cookie。
Web 存儲的優(yōu)勢
更加安全
更加快速
可以存儲大量的數(shù)據(jù)
每個(gè)服務(wù)器請求都不會發(fā)送存儲的數(shù)據(jù)
數(shù)據(jù)以 鍵/值 對存在, web網(wǎng)頁的數(shù)據(jù)只允許該網(wǎng)頁訪問使用。
Web 存儲對象有兩種類型:
localStorage
sessionStorage
localStorage 與 sessionStorage 的區(qū)別
localStorage 對象存儲的數(shù)據(jù)沒有時(shí)間限制。
sessionStorage 方法針對一個(gè) session 進(jìn)行數(shù)據(jù)存儲。當(dāng)用戶關(guān)閉瀏覽器窗口后,數(shù)據(jù)會被刪除。
不管是 localStorage,還是 sessionStorage,可使用的API都相同,常用的有如下幾個(gè)(以localStorage為例):
保存數(shù)據(jù):localStorage.setItem(key,value);
讀取數(shù)據(jù):localStorage.getItem(key);
刪除單個(gè)數(shù)據(jù):localStorage.removeItem(key);
清除所有數(shù)據(jù):localStorage.clear();
得到某個(gè)索引的key:localStorage.key(index);
提示: 鍵/值對通常以字符串存儲,你可以按自己的需要轉(zhuǎn)換該格式。
localStorage.(); localStorage.setItem(,);