WebStorage

HTML5提供的WebStorage可以实现将数据持久化存储在浏览器本地.

webstorage提供了localStorage和sessionStorage用于在客户端存储键值对数据. 区别在于:

localStorage中的数据将会永久存储.

sessionStorage中的数据单会话生效. (关了浏览器或者关闭当前网页就销毁了)

WebStorage的基本使用

对WebStorage最常见的操作就是: 存/取.

window.sessionStorage   ==>  获取sessionStorage对象
window.localStorage     ==>  获取localStorage对象
let ss = window.sessionStorage
let ls = window.locaStorage

常用方法

存数据: (向相应存储空间中储存键值对) 注意:只能存字符串

localStorage.setItem('key', 'value')
sessionStorage.setItem('name', 'zs')
​
// 若需要添加对象
let user = {name:'zs', age:'12'}
sessionStorage.setItem('user', JSON.stringify(user))
let s = sessionStorage.getItem('user')
let newuser = JSON.parse(s)

取数据:

let v = localStorage.getItem('key')   
let z = sessionStorage.getItem('name')

删除数据:

localStorage.removeItem('key')
sessionStorage.removeItem('name')

清空所有数据:

localStorage.clear()
sessionStorage.clear()