【HTML】本地存储webStorage

sessionStorage

当会话结束后，存储的数据会清除，比如关闭窗口、浏览器

localStorage

持久数据永久存储，除非手动清除。

sessionStorage、localStorage都有以下常用方法分别是：

setItem(key, value)添加数据；
getItem(key)获取key的数据；
key(n)获取第n个数据的key值;
leight获取数据长度
removeItem(key)删除key的数据；
clear()清除数据。

为什么要使用webStorage？

在未引入webStorage之前，都是使用cookie；
1、cookie存储数据大小不能超过4k，对于日益健壮的web来说显然是不够的，而webStorage存储大小为5M或更大，不同浏览器可能存在差异；
2、cookie数据通过http请求在客户端和服务器间传递，每次请求都会携带传递，使用webStorage存储，http请求不会携带webStorage存储内容传递给服务器，避免浪费带宽；
3、数据存储周期不同，cookie的存储周期一般在过期时间前有效，即便窗口、浏览器关闭；
4、作用域不同，localStorage、cookie都是同源浏览器窗口、标签页中共享，sessionStorage不能在不同浏览器窗口、标签页中共享；
5、webStorage支持事件通知，当数据发生改变后可以通知事件监听者。