浏览器本地存储的使用方法

localStorage

关闭浏览器缓存还在

let p = {name:'张三',age:18}
//添加数据
localStorage.setItem('msg','hello!!!')
localStorage.setItem('person',JSON.stringify(p)) //转换json
//读取数据
localStorage.getItem('msg')

const result = localStorage.getItem('person')
console.log(result)  //直接读取是字符串格式
console.log(JSON.parse(result)) //转换json数据读取

localStorage.removeItem('msg2') //删除数据
localStorage.clear()  //清空缓存

sessionStorage

关闭浏览器，缓存清空

let p = {name:'张三',age:18}
//添加数据
sessionStorage.setItem('msg','hello!!!')
sessionStorage.setItem('person',JSON.stringify(p)) //转换json
//读取数据
sessionStorage.getItem('msg')

const result = sessionStorage.getItem('person')
console.log(result)  //直接读取是字符串格式
console.log(JSON.parse(result)) //转换json数据读取

sessionStorage.removeItem('msg2') //删除数据
sessionStorage.clear()  //清空缓存