使用HTML5可以在本地存儲用戶的瀏覽數(shù)據(jù)。
早些時候,本地存儲使用的是 cookie沮榜。但是Web 存儲需要更加的安全與快速. 這些數(shù)據(jù)不會被保存在服務器上,但是這些數(shù)據(jù)只用于用戶請求網(wǎng)站數(shù)據(jù)上.它也可以存儲大量的數(shù)據(jù)胀葱,而不影響網(wǎng)站的性能.
數(shù)據(jù)以 鍵/值 對存在, web網(wǎng)頁的數(shù)據(jù)只允許該網(wǎng)頁訪問使用誓禁。
localStorage 對象
localStorage 對象存儲的數(shù)據(jù)沒有時間限制。第二天风范、第二周或下一年之后咨跌,數(shù)據(jù)依然可用。
sessionStorage 對象
sessionStorage 方法針對一個 session 進行數(shù)據(jù)存儲硼婿。當用戶關閉瀏覽器窗口后虑润,數(shù)據(jù)會被刪除。
不管是 localStorage加酵,還是 sessionStorage拳喻,可使用的API都相同,常用的有如下幾個(以localStorage為例):
保存數(shù)據(jù):localStorage.setItem(key,value);
讀取數(shù)據(jù):localStorage.getItem(key);
刪除單個數(shù)據(jù):localStorage.removeItem(key);
刪除所有數(shù)據(jù):localStorage.clear();
得到某個索引的key:localStorage.key(index);