localStorage和sessionStorage都可以允许我们访问一个本地的Storage对象,来存放数据,二者保存的数据仅限用于该页面的协议。
但是,sessionStorage会在会话关闭后将Storage中的数据清除,而localStorage则会永久保存。
下面我们来进行测试,测试连接为:
https://developer.mozilla.org/en-US/docs/Web/API/Storage/LocalStorage
1.说明localStorage和sessionStorage都可以允许我们访问一个本地的Storage对象,来存放数据。
2.说明sessionStorage会在会话关闭后将Storage中的数据清除,而localStorage则会永久保存。
①存储数据并查看
执行
localStorage.setItem("name","kai");
查看localStorage中的数据:
执行
sessionStorage.setItem("good","job");
查看sessionStorage中的数据:
②关闭会话并查看
关闭浏览器,重新输入上述url进行查看,发现localStorage数据纹丝不动。
而sessionStorage中的数据荡然无存。
另外就是一些常用的操作:
增:localStorage.set("key","value")
查键值:localStorage.getItem("key")
查键名:localStorage.key("value")
删一个:localStorage.remove("key")
删全部:localStorage.clear()
sessionStorage同理。
努力成为优秀的前端?大前端?full stuck?
只能说前途是光明的,而道路是曲折的!
Keep stupid!
Keep hungry!
继续努力!
期待和大家交流,共同进步,欢迎大家加入我创建的与前端开发密切相关的技术讨论小组:
- SegmentFault技术圈:ES新规范语法糖
- SegmentFault专栏:趁你还年轻,做个优秀的前端工程师
- 知乎专栏:趁你还年轻,做个优秀的前端工程师
- Github博客: 趁你还年轻233的个人博客
- 前端开发QQ群:660634678
微信公众号: 人兽鬼 / excellent_developers
努力成为优秀前端工程师!