html5缓存sessionStorage localStorage

本地存储的特性

1、数据存储在用户浏览器中
2、设置，读取方便，甚至页面刷新不会丢失数据
3、容量较大，sessionStorage约5M、localStorage约20M
4、只能存储字符串，可以将对象JSON.stringfy()编码后存储

window.sessionStorage

SessionStorage用于本地存储一个会话中的数据，这些数据只有在同一个会话中的页面才能访问并且会话结束，窗口关闭后，数据就会消失。是一种会话级别的存储。
1、生命周期为关闭浏览器窗口
2、在同一歌窗口下数据可以共享
3、以以键值对形式存储使用
设置数据

sessionStorage.setItem(key,value)

获取数据

sessionStorage.getItem(key)

删除数据

sessionStorage.remoeItem(key)

删除所有数据

sessionStorage.clear()

window.localStorage

LocalStorage是永久性的本地缓存，存储在客户端的浏览器上，除非主动删除，是不会过期的。LocalStorage采用的是键值对的方式进行存储，存储方式只能是字符串。存储内容可以用图片、json、样式、脚本等。
1、生命周期永久生效
2、可以多窗口（页面）共享（同一浏览器可以共享）
3、以键值对形式存储使用
设置数据

localStorage.setItem(key,value)

获取数据

localStorage.getItem(key)

删除数据

localStorage.remoeItem(key)

删除所有数据

localStorage.clear()