ICode9

精准搜索请尝试: 精确搜索
首页 > 其他分享> 文章详细

浏览器的本地储存

2021-10-28 10:02:16  阅读:161  来源: 互联网

标签:information 储存 浏览器 JSON let 本地 localStorage 数据


高版本的浏览器中,js提供了sessionStorage和globalStorage。

在html5中,提供了loaclStorage 取代globalStorage。

html5中的Web Storage包括了两种存储方式:sessionStorage和localStorage。

两者的区别,sessionStorage是临时储存,localStorage是长期储存

前者存在一个会话中(通俗的讲就是存在于一组页面中浏览器),后者只要不手动清理就一直存在

如何把数据储存到Storage中

被储存的数据需要转成JSON形式

得到的数据需要从JSON数据转换成其他形式在进行操作

这里以对象形式储存,再拿出数据拼接

  let arr = {
      name: "xiaohua",
      age: 19,
      where: "sichuan"
    }
    //将数据转换成JSON,储存到localStorage中  ("数据名",数据)
    localStorage.setItem("information", JSON.stringify(arr));
    //将数据从localStorage取出来
    let information = localStorage.getItem("information");

    //将取得的数据转义
    information = JSON.parse(information)
    console.log(information);
    //将对象转换为数组,只要有用信息,xiaohua,19,sichuan
    let arrs = [];
    for (let i in information) {
      arrs.push(information[i]);
    }
    console.log(arrs);
    //拼接成字符串
    let x = "";
    arrs.forEach(function (v) {
      x += v;
    })
    console.log(x);

*用处:

        可以用其储存登陆信息、页面操作信息、等等....

        用以实现页面跳转数据任然存在

标签:information,储存,浏览器,JSON,let,本地,localStorage,数据
来源: https://blog.csdn.net/xiaoyuan9527/article/details/120947407

本站声明: 1. iCode9 技术分享网(下文简称本站)提供的所有内容,仅供技术学习、探讨和分享;
2. 关于本站的所有留言、评论、转载及引用,纯属内容发起人的个人观点,与本站观点和立场无关;
3. 关于本站的所有言论和文字,纯属内容发起人的个人观点,与本站观点和立场无关;
4. 本站文章均是网友提供,不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属;如您发现该文章侵犯了您的权益,可联系我们第一时间进行删除;
5. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

专注分享技术,共同学习,共同进步。侵权联系[81616952@qq.com]

Copyright (C)ICode9.com, All Rights Reserved.

ICode9版权所有