共同点:
都是保存在浏览器端,且同源的。
不同点:
① 数据传递
cookie数据始终在同源的http请求中携带(即使不需要),即会在浏览器和服务器间来回传递。
sessionStorage和localStorage不会自动把数据发给服务器,仅在本地保存。
② 存储大小
cookie数据大小不能超过4k,同时因为每次http请求都会携带cookie,所以cookie只适合保存很小的数据,如会话标识。
sessionStorage和localStorage 虽然也有存储大小的限制,但Web Storage数据完全存储在客户端,不需要通过浏览器的请求将数据传给服务器,因此相比cookie来说能够存储更多的数据,可以达到5M或更大。
③ 有效时间
localStorage存储持久数据,没有时间限制,浏览器关闭后数据不丢失,除非主动删除数据。
sessionStorage数据在当前浏览器窗口关闭后自动删除。
cookie在设置的cookie过期时间之前一直有效,即使窗口或浏览器关闭。
④ 作用域
sessionStorage不在不同的浏览器窗口中共享,即使是同一个页面。
localStorage 和cookie在所有同源窗口中都是共享的。