Window​.local​Storage 的使用

96
小龙123
2019.04.26 12:15 字数 334

网站在做 ajax 的请求的时候,如果打开多个网页,一般都是每个网页都会有 ajax 请求的,这样会导致服务器压力。如果使用 js 的 local​Storage 记录时间,则可以解决这个问题

只读的localStorage 属性允许你访问一个Document 源(origin)的对象 Storage;其存储的数据能在跨浏览器会话保留。localStorage 类似 sessionStorage,但其区别在于:存储在 localStorage 的数据可以长期保留;而当页面会话结束——也就是说,当页面被关闭时,存储在 sessionStorage 的数据会被清除 。

应注意,无论数据存储在 localStorage 还是 sessionStorage它们都特定于页面的协议。

另外,localStorage 中的键值对总是以字符串的形式存储。 (需要注意, 和js对象相比, 键值对总是以字符串的形式存储意味着数值类型会自动转化为字符串类型).

  • 1.增加数据
    localStorage.setItem('name','hello world');
  • 2.读取数据
    let name = localStorage.getItem('name');
    console.log(name)
image.png

也可以按照以下方式赋值,但可能没有上面的方式规范

window.localStorage.notification_requested_at = Date.now();
localStorage.as = 22;
   console.log(localStorage); 

let time = localStorage.notification_requested_at
    console.log(time)
image.png
  • 3.移除某个值
localStorage.removeItem('name');  // 移除后获取没有赋值的情况下,取值是 null 
    1. 移除所有的 localStorage 项
localStorage.clear();
js
Gupao