1.Localstorage
长期存储数据,浏览器关闭数据后不丢失
2.Sessionstorage
数据在浏览器关闭后自动删除
3.Cookie (document.cookie)
网站为了标识用户身份而存储在用户本地终端(Client Side)上的数据(通常经过加密)。cookie始终在同源的http请求中携带(即使不需要)都会在浏览器和服务器端间来回传递。session storage和local storage不会自动把数据发给服务器,仅在本地保存
Cookie实际上是一小段的文本信息。客户端请求服务器,如果服务器需要记录该用户状态,就使用response向客户端浏览器颁发一个Cookie。客户端浏览器会把Cookie保存起来。当浏览器再请求该网站时,浏览器把请求的网址连同该Cookie一同提交给服务器。服务器检查该Cookie,以此来辨认用户状态。服务器还可以根据需要修改Cookie的内容。
4.存储大小
Cookie 数据大小不会超过4K
Sessionstorage和Localstorage虽然也有存储大小的限制,但比cookie大得多,可以达到5M或者更多
5.有期时间
Localstorage 存储持久数据,浏览器关闭后数据不丢失,除非自动删除数据
Sessionstorage 数据在当前浏览器窗口关闭后自动删除
Cookie 设置的cookie过期时间之前一直有效,即使窗口或者浏览器关闭