【JavaScript】Web Storage API

Web Storage API 是一种用于在浏览器中存储和检索数据的简单语法。

window.localStorage

localStorage 对象:

  • 允许在 Web 浏览器中保存键/值对。
  • 存储没有到期日期的数据。浏览器关闭时数据不会被删除。

语法:

返回存储在 Storage 对象中的数据项数:

localStorage.length;

保存数据:

localStorage.setItem("key", "value");

读取数据:

localStorage.getItem("key");

返回存储中第 n 个键的名称:

localStorage.key(index)

删除数据:

localStorage.removeItem("key");

清空所有键:

localStorage.clear();

window.sessionStorage

sessionStorage 对象:

  • 允许在 Web 浏览器中保存键/值对。
  • 仅存储一个会话的数据(关闭浏览器选项卡时数据将被删除)。

语法:

对象属性和方法语法与 localStorage 一样,把 localStorage 换成 sessionStorage 即可。

上一篇:web手工项目第四天


下一篇:flutter web打包