LocalStorage、SessionStorage和Cookie的区别

LocalStorage、SessionStorage和Cookie的区别

   	 大小          生命周期                                  与服务器通信

localstorage  |5M|       不手动删除就不会消失   |                                   不参与
session         |5M|  页面关闭即消失，不同页面的session不同|             不参与
cookie           |4K|一般服务器生成，可以设置失效时间|            携带在header中影响请求性能

- localstorage:在HTML5中，新加入了一个localStorage特性，这个特性主要是用来作为本地存储来使用的，localStorage中一般浏览器支持的是5M大小，这个在不同的浏览器中localStorage会有所不同。
本地存储的特点：
localStorage永久存储，除非手动删除。
localStorage只有在高版本的浏览器中才支持的
localStorage的值类型限定为string类型(JSON.stringify)。
localStorage如果存储内容多的话会消耗内存空间，会导致页面变卡。
localStorage不同的浏览器不能相互进行访问存储的数据。
本地存储的存取

   setcookie('key', 'value');
   getcookie('key')

- sessionStorage：sessionStorage和localStorage其他的特点是一样的，唯一的区别是localStorage是永久的，sessionStorage是临时的，会话结束就消失了，不存在设置时间,。

sessionStorage.setItem('name', 'zhangsan');

• cookie：
  Cookie又叫[会话跟踪技术]是由[Web服务器]保存在用户浏览器上的小文本文件，它可以包含相关用户的信息。无论何时用户链接到服务器，Web站点都可以访问Cookie信息，没有过期时间的，会话结束即消失(关闭浏览器就消失)。

 document.cookie = 'age=100';