html5本地存储——sessionStorage和localStorage

sessionStorage和localStorage数据的存储以及获取，以及两者的区别
cookie,essionStorage和localStorage参考链接

html5中提供了两种本地存储的方式：localStorage（本地存储）和sessionStorage（会话存储）
window.sessionStorage（会话存储）：暂时储存，浏览器关闭之后会清除
window.localStorage （本地存储）：本地储存，浏览器关闭之后依旧不会清除，只能人为删除
平时储存的话建议使用sessionStorage；
本地存储特性：
1.数据存储在用户浏览器中
2.设置、读取方便、甚至页面刷新不丢失数据
3.容量大较大、约5M
4.只能存储字符串，想要存储对象的话必须先用JSON.stringify()方法将对象转化成一个对象字符串，然后才能进行存储。

目前我们常讲的HTML 5本地存储，多指的是web Storage。
webstorage是本地存储，存储在客户端，包括localStorage和sessionStorage。
HTML5的WebStorage提供了两种API：localStorage（本地存储）和sessionStorage（会话存储）
（1）localStorage生命周期是永久，这意味着除非用户显示在浏览器提供的UI上清除localStorage信息，否则这些信息将永远存在。存放数据大小为一般为5MB,而且它仅在客户端（即浏览器）中保存，不参与和服务器的通信。
（2）sessionStorage仅在当前会话下有效，关闭页面或浏览器后被清除。存放数据大小为一般为5MB,而且它仅在客户端（即浏览器）中保存，不参与和服务器的通信。
（3）作用域：
不同浏览器无法共享localStorage或sessionStorage中的信息。相同浏览器的不同页面间可以共享相同的 localStorage（页面属于相同域名和端口），但是不同页面或标签页间无法共享sessionStorage的信息。
即：
sessionStorage不在不同的浏览器窗口中共享
localStorage在所有同源窗口中都是共享的
（4）存储内容类型：
localStorage和sessionStorage只能存储字符串类型，对于复杂的对象可以使用ECMAScript提供的JSON对象的stringify和parse来处理
（5）存储大小：
localStorage和sessionStorage的存储数据大小一般都是：5MB
（6）存储位置：
localStorage和sessionStorage都保存在客户端，不与服务器进行交互通信
（7）获取方式：
localStorage：window.localStorage;；sessionStorage：window.sessionStorage;
（8）应用场景：
localStoragese：常用于长期登录（+判断用户是否已登录），适合长期保存在本地的数据，而sessionStorage：敏感账号一次性登录

cookie、session和localStorage的区别

sessionStorage

sessionStorage特点：
（1）sessionStorage中的数据的生命周期为关闭浏览器窗口（关闭浏览器窗口不是关闭浏览器，一个浏览器中可以有多个窗口）
（2）在同一个页面或窗口下数据可以共享
（3）数据以键值对的形式存储使用
多个串口打开的是同一个网页时，他们使用了同一个sessionStorage，某个页面关闭了，问我其他页面的sessionStorage会不会被清除？？ 后面去了解了，对于sessionStorage，每个页面都有自己独立保存了一份sessionStorage，就算是几个窗口打开同一个页面，每个页面的sessionStorage互不影响。
一个浏览器中可以打开多个窗口，不同窗口下sessionStorage不共享