为什么选择localStorage和sessionStorage?
程序员文章站
2022-06-10 12:46:58
...
HTML5 提供了两种在客户端存储数据的新方法。对浏览器来说,使用 Web Storage 存储键值对比存储 Cookie 方式更直观,而且容量更大,它包含两种:localStorage 和 sessionStorage。sessionStorage(临时存储) :为每一个数据源维持一个存储区域,在浏览器打开期间存在,包括页面重新加载。localStorage(长期存储) :与 sessionStorage 一样,但是浏览器关闭后,数据依然会一直存在。
(1)保存数据到本地
const info = {
salary:88888,
age: 20,
name: 'angle'
};
sessionStorage.setItem('key', JSON.stringify(info));
localStorage.setItem('key', JSON.stringify(info));
(2)从本地存储获取数据
var data1 = JSON.parse(sessionStorage.getItem('key'));
var data2 = JSON.parse(localStorage.getItem('key'));
(3)本地存储中删除某个保存的数据
sessionStorage.removeItem('key');
localStorage.removeItem('key');
(4)删除所有保存的数据
sessionStorage.clear();
localStorage.clear();
(5)监听本地存储的变化
window.addEventListener('storage', function (e) {
console.log('key', e.key);
console.log('oldValue', e.oldValue);
console.log('newValue', e.newValue);
console.log('url', e.url);
})
上一篇: ThinkPHP Mysql表结构修改类
下一篇: 基于MySQL体系结构的分析_php实例
推荐阅读
-
司马懿舍弃曹植和曹彰,为什么选择辅佐曹丕?
-
本地存储常用方式 localStorage, sessionStorage,cookie 的区别 和 服务器存储session
-
噶尔丹既然征服了中亚 为什么选择和清朝死磕而不是向西扩张呢
-
准噶尔汗国为什么不在中亚好好呆着?而是偏偏选择和清朝开战?
-
婉容有这么多的无奈和痛苦 她为什么不选择离开溥仪
-
夏文远是一个什么样的人 他为什么选择了和日本人一起
-
贾宝玉和吴麒麟为什么最后都选择“出家”?
-
李元吉为什么选择站队李建成?李元吉和李世民有过节吗?
-
memcache和redis缓存对比及我为什么选择redis
-
西汉七国之乱中为什么梁王和齐国没有起兵 而是选择站在汉景帝这一边