浏览器的本地储存

高版本的浏览器中,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);

*用处:

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

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

上一篇:基于JavaWeb的新闻发布管理系统设计与实现 毕业论文+任务书+开题报告+答辩PPT+项目源码及数据库文件


下一篇:用PowerShell AppX命令时出现“For more information, run ‘Import-Module Appx‘”,解决办法,适用于win11 dev安装Android子系统