localStorage - 没有时间限制的数据存储 大约相当于本地5m的数据库
var arr=[1,2,3];
localStorage.setItem("temp",arr); //存入 参数: 1.调用的值 2.所要存入的数据
console.log(localStorage.getItem("temp"));//输出
2.清空localStorage
localStorage.clear(); //
3.删除键值对
localStorage.removeItem("arr");
注意:存入的数据只能以字符串形式存入。
.提供转JOSN数据方法:
//JSON对象转JSON字符串
var obj = {"a": 1,"b": 2};
obj = JSON.stringify(obj); //转化为JSON字符串
localStorage.setItem("temp2", obj);
//JSON字符串转JSON对象
obj=JSON.parse(localStorage.getItem("temp2"));
session -会话存储 浏览器关闭即消失 用法与localStorage相似
window. localStroage
window. sessionStorage
setItem(key, value): 保存某个数据
getItem(key): 获取某个数据
removeItem(key): 删除某条数据
clear(): 清除所有数据
key(index): 根据索引获取第几条数据的键名
cookie -解决http协议无状态的缺点,服务端用来识别用户信息
- 服务器像客户端发送cookie
- 浏览器将cookie保存
- 之后每次http请求浏览器都会将cookie发送给服务器端