【Browser】JavaScript存储对象,sessionStorage (会话存储) 和 localStorage(本地存储)

JavaScript 存储对象


  Web 存储 API 提供了 sessionStorage (会话存储) 和 localStorage(本地存储)两个存储对象来对网页的数据进行添加、删除、修改、查询操作。

  • localStorage 用于长久保存整个网站的数据,保存的数据没有过期时间,直到手动去除。 localStorage 属性是只读的。
  • sessionStorage 用于临时保存同一窗口(或标签页)的数据,在关闭窗口或标签页之后将会删除这些数据。

存储对象方法

参数 描述
key(n) 返回存储对象中第 n 个键的名称
getItem(keyname) 返回指定键的值
setItem(keyname, value) 添加键和值,如果对应的值存在,则更新该键对应的值。
removeItem(keyname) 移除键
clear() 清除存储对象中所有的键

1.localStorage

语法:window.localStorage
保存数据语法:localStorage.setItem("key", "value");
读取数据语法:var lastname = localStorage.getItem("key");
删除数据语法:localStorage.removeItem("key");

2.sessionStorage

语法:window.sessionStorage
保存数据语法:sessionStorage.setItem("key", "value");
读取数据语法:var lastname = sessionStorage.getItem("key");
删除指定键的数据语法::sessionStorage.removeItem("key");
删除所有数据:sessionStorage.clear();

猜你喜欢

转载自blog.csdn.net/m0_46533551/article/details/129444812