LocalStorage、SessionStorage和Cookie的区别
大小 生命周期 与服务器通信
localstorage |5M| 不手动删除就不会消失 | 不参与
session |5M| 页面关闭即消失,不同页面的session不同| 不参与
cookie |4K|一般服务器生成,可以设置失效时间| 携带在header中影响请求性能
- localstorage:在HTML5中,新加入了一个localStorage特性,这个特性主要是用来作为本地存储来使用的,localStorage中一般浏览器支持的是5M大小,这个在不同的浏览器中localStorage会有所不同。
本地存储的特点:
localStorage永久存储,除非手动删除。
localStorage只有在高版本的浏览器中才支持的
localStorage的值类型限定为string类型(JSON.stringify)。
localStorage如果存储内容多的话会消耗内存空间,会导致页面变卡。
localStorage不同的浏览器不能相互进行访问存储的数据。
本地存储的存取
setcookie('key', 'value');
getcookie('key')
- sessionStorage:sessionStorage和localStorage其他的特点是一样的,唯一的区别是localStorage是永久的,sessionStorage是临时的,会话结束就消失了,不存在设置时间,。
sessionStorage.setItem('name', 'zhangsan');
- cookie:
Cookie又叫[会话跟踪技术]是由[Web服务器]保存在用户浏览器上的小文本文件,它可以包含相关用户的信息。无论何时用户链接到服务器,Web站点都可以访问Cookie信息,没有过期时间的,会话结束即消失(关闭浏览器就消失)。
document.cookie = 'age=100';