前端本地存储相关使用方式

用户端保存请求信息的机制
分号分隔的多个key-value字段
存储在本地的加密文件里
域名和路径限制
字段：
- name：cookie名称
- domain：cookie生效的域名
- path：cookie生效的路径
- expires：cookie过期时间
- HttpOnly：用户端不可更改

Session

服务端保存请求信息的机制
sessionId通常存放在cookie里
会话由浏览器控制，会话结束，session失效

//查看当前domain的cookie
document.cookie;
//添加cookie
var d = new Date();
let str = d.toUTCString();
//expires时间不可过期
document.cookie = "name=Jmeow;domain=jmeow.org;path=/index.html;expires=" + str;
//删除cookie，过期时间设置为0即可

LocalStorage 本地存储

H5新特性
有域名限制，不存在作用域概念
只有key-value
没有过期时间
浏览器关闭后不会消失

//添加localStorage
window.localStorage.setItem('name','Jmeow');
//查看localStorage
window.localStorage.getItem('name');
//删除localStorage
window.localStorage.removeItem('name');

//如果需要存储一个对象，需要转换
JSON.stringify()
window.localStorage.setItem('name',JSON.stringify({name: 'Jmeow'}));

SessionStorage

和localStorage相似
会话结束后会消失

1 2	//添加sessionStorage window.sessionStorage.setItem('name','Jmeow');

# Javascript

Jmeow

Developer

Moon, Solar System

文章

分类

标签

关注我

前端本地存储相关使用方式

Session

LocalStorage 本地存储

SessionStorage

链接

分类

标签云

归档

标签

归档

标签

Your browser is out-of-date!

前端本地存储相关使用方式

Cookie

Session

LocalStorage 本地存储

SessionStorage

链接

分类

标签云

归档

标签

归档

标签

Your browser is out-of-date!