前端暂时存放数据localStorage、sessionStorage

设置单个数据

sessionStorage.setItem(key,value);

获取单个数据

sessionStorage.getItem(key);

获取所有数据

sessionStorage.valueOf();

删除单个

sessionStorage.removeItem("xxx")

清空

sessionStorage.clear()

获取所有key

var sessionKeys = Object.keys(sessionStorage)

循环示例

var sessionKeys = Object.keys(sessionStorage)
for (var i=0;i<sessionKeys.length;i++) {
    //可以对key 进行分析从而决定是否要删除sessionStorage 里的缓存
    console.log(sessionStorage.getItem(sessionKeys[i]))
}

示例(逐行执行)

sessionStorage.setItem('1',new Date().getHours()+'-'+new Date().getMinutes()+'-'+new Date().getSeconds());
sessionStorage.setItem('2',new Date().getHours()+'-'+new Date().getMinutes()+'-'+new Date().getSeconds());
sessionStorage.setItem('3',new Date().getHours()+'-'+new Date().getMinutes()+'-'+new Date().getSeconds());
console.log('获取2'+sessionStorage.getItem('2'));
console.log('获取全部'+sessionStorage.valueOf());

localStorage、sessionStorage区别

localStorage、sessionStorage方法一样
localStorage与sessionStorage的唯一一点区别就是localStorage属于永久性存储,而sessionStorage属于当会话结束的时候,sessionStorage中的键值对会被清空。

https://www.uis.cc/2014/11/02/localStorage-sessionStorage/
https://blog.csdn.net/u011565547/article/details/106203808?spm=1001.2101.3001.6661.1&utm_medium=distribute.pc_relevant_t0.none-task-blog-2%7Edefault%7ECTRLIST%7Edefault-1.no_search_link&depth_1-utm_source=distribute.pc_relevant_t0.none-task-blog-2%7Edefault%7ECTRLIST%7Edefault-1.no_search_link
https://blog.csdn.net/weixin_30527143/article/details/101678449?spm=1001.2101.3001.6650.1&utm_medium=distribute.pc_relevant.none-task-blog-2%7Edefault%7ECTRLIST%7Edefault-1.no_search_link&depth_1-utm_source=distribute.pc_relevant.none-task-blog-2%7Edefault%7ECTRLIST%7Edefault-1.no_search_link

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值