Html5提供了三种不同的存储方式:
1、document.cookie;2、window.sessionStorage;3、window.localStorage
cookie数据始终在同源的http请求中携带(即使不需要),即cookie在浏览器和服务器间来回传递。而sessionStorage和localStorage不会自动把数据发给服务器,仅本地保存。
三个不同存储方式的不同点:
1、存储大小限制不同, cookie携带的数据不能超过4k,同时因为每次http请求都会携带cookie,所以cookie只适合保存很小的数据,如会话标识。sessionStorage,约5M,localStorage,约20M。
2、数据有效期不同,
sessionStorage:仅在当前浏览器窗口关闭前有效。
localStorage:始终有效,窗口或浏览器关闭也一直保存。
cookie:只在设置的cookie过期时间之前一直有效,即使窗口或浏览器关闭。
3、作用域不同,
sessionStorage:不在不同的浏览器窗口中共享,即使是同一个页面。
localStorage、cookie:在所有同源浏览器窗口中都是共享的。