本地存储（2）：sessionStorage存储/取数据、localStorage中存储/取数据

原创于 2019-06-21 14:17:04 发布 · 611 阅读

0 ·

CC 4.0 BY-SA版权

本地存储同时被 3 个专栏收录

2 篇文章

订阅专栏

getItem

1 篇文章

订阅专栏

setItem

1 篇文章

订阅专栏

博客聚焦于本地存储，介绍了sessionStorage和localStorage的数据存储与读取操作，这些技术在前端开发中用于临时或长期保存数据，对网页性能和用户体验有重要作用。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

data(){

    cms:{
         "R1":"HTTP!",
         "R2":"222",
         "R3":"333",
     }
    OBJ:'123654789564';

}
//在data中定义的对象存储到sessionStorage中时 要将其转换成JSON形式
window.sessionStorage.setItem('CMS',JSON.stringify(this.cms));
               
//console.log(window.localStorage.getItem('CMS'))直接取值是错误的，取出来为null
//取存储的json形式的数据时转换成对象
console.log(JSON.parse(window.sessionStorage.getItem('CMS')));
 
//在data中定义的变量存储到sessionStorage       
window.sessionStorage.setItem('OBJ',this.obj);
console.log(window.sessionStorage.getItem('OBJ'));//可直接取值

//直接存储变量
window.sessionStorage.setItem('ABC','你好啊');
console.log(window.sessionStorage.getItem('ABC'));


//localStorage同理