为了破解Cookie的一系列限制，HTML5通过JS的新的API就能直接存储大量的数据到客户端浏览器，而且支持复杂的本地数据库，让JS更有效率。 HTML5支持两种的WebStorage：
1.永久性的本地存储（localStorage）：持久化的本地存储（浏览器关闭重新打开数据依然存在），:永久的，除非手动删除 。
特点：
① 域内安全、永久保存。即客户端或浏览器中来自同一域名的所有页面都可访问localStorage数据且数据除了删除否则永久保存，但客户端或浏览器之间的数据相互独立。
② 数据不会随着Http请求发送到后台服务器；
③ 存储数据的大小机会不用考虑，因为在HTML5的标准中要求浏览器至少要支持到4MB。
2.会话级别的本地存储（sessionStorage）： 针对一个session的本地存储，临时的，窗口关闭就没有了。（会话级别）。
特点：
①会话控制、短期保存。会话概念与服务器端的session概念相似，短期保存指窗口或浏览器或客户端关闭后自动消除数据。
**Cookie和webstorage区别 **
image.png