cookie和sessionStorage和localStorage的区别

 

转载：http://blog.csdn.net/xtzz92/article/details/51668644   （具体详情请看链接原文章）

 

sessionStorage和localStorage是html5 Web storage API 提供的

Web Storage 支持事件通知机制，能够将数据更新的通知发送给监听者。

Web Storage 的 api 接口使用更方便。

Web Storage带来的好处：

1. 减小网络流量：一旦数据保存在本地后，就能够避免再向服务器请求数据，所以减小没必要要的数据请求，减小数据在浏览器和服务器间没必要要地来回传递。
2. 快速显示数据：性能好，从本地读数据比经过网络从服务器得到数据快得多，本地数据能够即时得到。再加上网页自己也能够有缓存，所以整个页面和数据都在本地的话，能够当即显示。
3. 临时存储：不少时候数据只须要在用户浏览一组页面期间使用，关闭窗口后数据就能够丢弃了，这种状况使用sessionStorage很是方便。

共同点：

数据都是保存在浏览器端，而且是同源的。

不一样点：

cookie数据始终在同源的http请求中携带（即便不须要），即cookie在浏览器和服务器间来回传递。而sessionStorage和localStorage不会自动把数据发给服务器，仅在本地保存。cookie数据还有路径（path）的概念，能够限制cookie只属于某个路径下。

存储大小限制也不一样：

       cookie数据不能超过4k，同时由于每次http请求都会携带cookie，因此cookie只适合保存很小的数据，如会话标识。

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

数据有效期不一样：

        sessionStorage：仅在当前浏览器窗口关闭前有效，天然也就不可能持久保持；

        localStorage：始终有效，窗口或浏览器关闭也一直保存，所以用做持久数据；

        cookie：只在设置的cookie过时时间以前一直有效，即便窗口或浏览器关闭。

做用域不一样：

       sessionStorage不在不一样的浏览器窗口中共享，即便是同一个页面；sessionStorage是在同源的同学口（或tab）中，始终存在的数据。也就是说只要这个浏览器窗口没有关              闭，即便刷新页面或进入同源另外一页面，数据仍然存在。关闭窗口后，sessionStorage即被销毁。同时“独立”打开的不一样窗口，即便是同一页面，sessionStorage对象也是不一样          的。

       localStorage 在全部同源窗口中都是共享的；

       cookie 也是在全部同源窗口中都是共享的。