sessionstorage的用法,sessionstorage setitem

Cookie、sessionStorage和localStorage之间的区别

sessionStorage和localStorage统称为web storage web storage和cookie的区别 Web Storage的概念和cookie相似，区别是它是为了更大容量存储设计的。

sessionStorage和localStorage 虽然也有存储大小的限制，但比cookie大的多， 可以达到5M或更大 。

cookie ，localStorage ，sessionStorage 都是在客户端保存数据的，存储数据的类型：都是字符串。

数据有效期不同，sessionStorage仅仅在当前浏览器窗口关闭之前有效；localStorage始终有效，窗口或 者浏览器关闭之后也一直保存，因此作用持久数据；cookie，只在设置cookie过期时间之前有效，即使 窗口关闭或者浏览器关闭。

localstorage与sessionstorage的异同

1、localstorage是本地存储，不删除是永久保存在浏览器本地的存储空间。sessionstorage是会话存储，不删除的情况下，在当前浏览页面没有关闭之前是一直有效的。但是当浏览器关闭的时候，存储的数据就会自动删除。

2、同时独立的打开同一个窗口同一个页面，sessionStorage也是不一样的。存储大小：localStorage和sessionStorage的存储数据大小一般都是：5MB 存储位置：localStorage和sessionStorage都保存在客户端，不与服务器进行交互通信。

3、cookie ，localStorage ，sessionStorage 都是在客户端保存数据的，存储数据的类型：都是字符串。

4、cookie数据始终在同源的http请求中携带（即使不需要），即cookie在浏览器和服务器间来回传递，而sessionStorage和localStorage不会自动把数据发送给服务器，仅在本地保存。

5、②存储大小的限制不同：cookie数据不能超过4k ，同时因为 每次http请求都会携带cookie ，所以 cookie只适合保存很小 的数据，比如 会话标识 。

HTML5中sessionStorage最大容量是多少

1、Web Storage则是HTML5标准新增的存储方式，它包括LocalStorage和SessionStorage。LocalStorage的存储容量较大，可以存储5MB左右的数据，而且不会过期，除非用户主动清除。

2、Html5支持两种的WebStorage，一种是永久性的本地存储（localStorage），另外一种是会话级别的本地存储（sessionStorage）。

3、本文主要介绍了前端HTML5的几种存储方式的总结，包括localstorage、localstoragesessionstorage、offlinecache、WebSQL和IndexedDB。有兴趣的可以了解一下。 开始正文~ 在h5之前，cookies主要用于存储。

标签：sessionstorage用法setitem