cookie、sessionStorage、localStorage
1. Cookies
- 存储到浏览器中 面向服务器 同一个服务器可以共享Cookies 产生于服务器端
- 实例方法:
- set()
- get()
- remove()
- 实例方法:
2. webStorage
- sessionStorage 会话存储 存储于选项卡中 浏览器关闭,会话失效 --推荐使用
- 实例方法:
- setItem(key,value); 保存数据到sessionStorage
- getItem(key); 从sessionStorage获取数据
- removeItem(key); 从sessionStorage删除保存的数据
- clear(); 从sessionStorage删除所有保存的数据
- 实例方法:
- localStorage 本地存储 存储于本地磁盘中,需要手动清除,浏览器选项卡关闭不会失效
- 实例方法:
- setItem()
- getItem()
- removeItem()
- clear()
- 实例方法:
三者区别
cookie是网站为了标示用户身份而储存在用户本地终端(Client Side)上的数据(通常经过加密)。
cookie数据始终在同源的http请求中携带(即使不需要),且会在浏览器和服务器间来回传递。
sessionStorage和localStorage不会自动把数据发给服务器,仅在本地保存。
存储大小:
cookie数据大小不能超过4k。
sessionStorage和localStorage 虽然也有存储大小的限制,但比cookie大得多,可以达到5M或更大。
有期时间:
localStorage 存储持久数据,浏览器关闭后数据不丢失除非主动删除数据;
sessionStorage 数据在当前浏览器窗口关闭后自动删除。
cookie 设置的cookie过期时间之前一直有效,即使窗口或浏览器关闭