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只在当前浏览器窗口关闭之前有效