网上讲这方面的很多,自己总结了几点:
1、相同点:数据都保存在浏览器,同源共享。即相同的域下可以修改读取。
2、不同点:
大小数量: IE6或更低版本最多20个cookie,IE7+可以有50个。 cookie大小4KB左右,超过部分会被截掉。sessionStoage,localStoage大小可达5M。
传输:每次请求cookie都会发送到服务器,然后回传给浏览器,sessionStoage,localStoage不会自动发送到服务器端。
有效性:cookie可以设置path路径,限制只属于某个路径。在过期时间之前都有效,即使窗口和浏览器关闭。sesesionStorage当前窗口有效,关闭窗口自动失效。localStorage始终有效,即使窗口和浏览器关闭。
作用域:cookie在同源页面中共享,sessionStorage只能在当前页有效,localStorage在所有同源页面中共享。
操作方法:Cookie的修改读取方法需自己实现,sessionStorag,localStorage提供了get,set方法。
注:cookie是不可以或缺的,cookie的作用是与服务器进行交互,作为HTTP规范的一部分而存在 ,而Web Storage仅仅是为了在本地“存储”数据而生。