cookie:比较老,JavaScript出现的时候cookie就存在了,

优点:兼容性好

缺点:1. 存的少,存的小,

         2.还会拖慢网速

web storage 

缺点:兼容性不够好(IE这个奇葩8+之后才支持)

优点: 1.容量大, sessionSorage可以存储5M的数据, localStorage可以存储20M的数据

         2.不会拖慢网速

web storage 分为 本地存储(localStorage) 和 会话存储(sessionSorage)

localStorage:数据永久生效,除非手动删除,可以在同一个浏览器的不同窗口共享数据

sessionSorage:只要关闭浏览器数据就失效了,只能在本窗口共享数据

拓展:

web存储的使用方法：

存：

localStorage.键名=键值;

localStorage.setItem(键名,键值);

取：

localStorage.键名;//通过键名，获取到对应的键值

localStorage.getItem(键名);//通过键名，获取到对应的键值

删除：

localStorage.removeItem(键名);//删除键名对应的本地存储

清除：

localStorage.clear();//清除所有的本地存储

根据索引值找到对应的键名：

localStorage.key(索引值)//通过索引值找到对应的键名