web 存儲

localStorage和sessionStorage是H5提供的兩種客戶端存儲數據的新方法

使用：

//要存儲的對象

obj = {

　　name: 'web storage'

}；

//存儲

localStorage.setItem('user', JSON.stringify(obj))；

sessionStorage.setItem('user', JSON.stringify(obj))；

JSON.stringify只有IE8以上才支持

//獲取

let userFromLocalStorage = localStorage.getItem('user')；

let user = JSON.parse(userFromLocalStorage)；

let userFromSessionStorage = localStorage.getItem('user')；

let user = JSON.parse(userFromSessionStorage)；

//刪除

localStorage.removeItem('user')；

sessionStorage.removeItem('user')；

 

localStorage和sessionStorage和cookie都保存在瀏覽器端,且同源

localStorage和sessionStorage的區別：

有效期不一樣：

localStorage始終有效，不論窗口或瀏覽器關閉否，能夠在瀏覽器中手動刪除或者使用localStorage.clear()；

備註：clear方法沒有參數，調用時刪除全部存儲的鍵值對

sessionStorage只在當前瀏覽器窗口關閉以前有效