localStorage(本地存储器)、sessionStorage(会话存储)

  设置:localStorage.setItem("token", JSON.parse(res).data.token);
  获取:that.token = localStorage.getItem('token')
  

一、什么是localStorage、sessionStorage

在HTML5中,新加入了一个localStorage特性,这个特性主要是用来作为本地存储来使用的,解决了cookie存储空间不足的问题(cookie中每条cookie的存储空间为4k),localStorage中一般浏览器支持的是5M大小,这个在不同的浏览器中localStorage会有所不同。

localStorage的写入有三种方法,这里就一一介绍一下

var storage=window.localStorage;
//写入a字段
storage["a"]=;
//写入b字段
storage.a=;
//写入c字段
storage.setItem("c",);
console.log(typeof storage["a"]);
console.log(typeof storage["b"]);
console.log(typeof storage["c"]);

运行后的结果如下:

localStorage(本地存储器)、sessionStorage(会话存储)

不知道各位读者有没有注意到,刚刚存储进去的是int类型,但是打印出来却是string类型,这个与localStorage本身的特点有关,localStorage只支持string类型的存储。

localStorage的读取

 var storage=window.localStorage;
//写入a字段
storage["a"]=;
//写入b字段
storage.a=;
//写入c字段
storage.setItem("c",);
console.log(typeof storage["a"]);
console.log(typeof storage["b"]);
console.log(typeof storage["c"]);
//第一种方法读取
var a=storage.a;
console.log(a);
//第二种方法读取
var b=storage["b"];
console.log(b);
//第三种方法读取
var c=storage.getItem("c");
console.log(c);

这里面是三种对localStorage的读取,其中官方推荐的是getItem\setItem这两种方法对其进行存取

参考:https://www.cnblogs.com/st-leslie/p/5617130.html

上一篇:一个链接引发的血案---------服务器 IO及网络流量暴涨解决历程


下一篇:HTML5 LocalStorage 本地存储,刷新值还在