localStorage、sessionStorage、cookie

126 阅读1分钟

一、区别

1、容量:

cookie:4KB;
sessionStorage:5MB; 
localstrage:10MB;

2、存储时间:

cookie:有过期时间;
sessionStorage:会话结束被清空;
localStorage:永久;

3、参与请求:

cookie:是;
localStorage:否 ;
sessionStorage:否;

4、访问:

cookie:整个网站;
sessionStorage:当前页面; 
localstrage:整个网站;

二、localStorage、sessionStorage的使用:

//设置
.setItem('key', 'value')
//读取
.getItem('key')
//删除
.removeItem('key')
//清空
.clear('name')

三、cookie的使用

 //设置
 document.cookie='name=123'
 //获取所有的cookie
 cookies=document.cookie