这里需要注意的是这两种储存方式只能以字符串的形式来存取
html5中的Web Storage包括了两种存储方式:sessionStorage和localStorage。sessionStorage用于本地存储一个会话(session)中的数据,这些数据只有在同一个会话中的页面才能访问并且当会话结束后数据也随之销毁
因此sessionStorage不是一种持久化的本地存储,仅仅是会话级别的存储。而localStorage用于持久化的本地存储,除非主动删除数据,否则数据是永远不会过期的
localStorage和sessionStorage都具有相同的操作方法,例如setItem、getItem和removeItem等
clear清除所有的key/value
用途:清除所有的key/value
用法:.clear()
setItem、getItem和removeItem接收两个参数一个是key,一个是字符串
使用示例:
![](https://i-blog.csdnimg.cn/blog_migrate/8f900a89c6347c561fdf2122f13be562.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/961ddebeb323a10fe0623af514929fc1.gif)
var obj={'name':'本地缓存'} localStorage.setItem('obj',JSON.stringify(obj)); var str=localStorage.getItem('obj); console.log(JSON.parse(str)); localStorage.removeItem('obj');