HTML5實現本地儲存--localStorage、sessionStorage

在html5中提供了兩種方式在客戶端實現本地儲存，分別是localStorage、sessionStorage

 

咱們能夠直接調用javascrip使用接口，實現數據存儲

 

 

先來講說這二者的區別：

·localStorage保存在客戶端後，在瀏覽器關閉後是永久有效存在的，sessionStorage在關閉了窗口是失效

·localStorage在本域的窗口之間是互相共享的，sessionStorage只在本窗口有效的

 

localStorage和sessionStorage的用法：

·set

localStorage[’name’] = ‘x’;

localStorage.name = ‘x’;

localStorage.setItem[’name’,’x’];

 

·get

localStorage.getItem[’name']

localStorage.name

 

·delete

localStorage.removeItem[’name']

 

獲取長度 ：

localStorage.length

localStorage.name.length

 

sessionStorage也是和localStorage同樣的用法

 

咱們在使用localStorage保存數據時，存入的格式都是字符串，取出來也是字符串，因此使用前要記得用JSON.parse將數據序列化以後再使用

在web app上用來作離線緩存、跨頁面數據交互仍是很方便的說

 

 

若是文中有錯誤的地方，歡迎你們指正：)