【JavaScript】Web Storage API

2022/2/22 12:53:49

本文主要是介绍【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 即可。



这篇关于【JavaScript】Web Storage API的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!


扫一扫关注最新编程教程