html5 web storage和cookie的区别?

1、存储大小不同

webStorage存储大小有限制，可达5M或更大；cookie存储数据不能超过4K

2、数据有效期不同

webStorage始终有效，窗口或浏览器关闭也一直保存；cookie只有设置的cookie过期时间之前一直有效

3、事件通知机制

webStorage支持事件通知机制，而cookie则不支持

4、API接口

webStorage自带一些API接口，可以调用，而cookie没有

HTML5 提供了两种在客户端存储数据的新方法：

localStorage - 没有时间限制的数据存储

sessionStorage - 针对一个 session 的数据存储

之前，这些都是由 cookie 完成的。但是 cookie 不适合大量数据的存储，因为它们由每个对服务器的请求来传递，这使得 cookie 速度很慢而且效率也不高。

所以，localStorage 方法存储的数据没有时间限制。第二天、第二周或下一年之后，数据依然可用。

ocalStorage 方法存储的数据没有时间限制，如果清空的话，只能人为的清空，比如localStorage.removeItem(key)

会删除某一条数据，一旦删除，key对应的数据将会全部删除

全部清除：localStorage.clear()

某些时候使用removeItem逐个删除太麻烦，可以使用clear,执行的后果是会清除所有localStorage对象保存的数据

---