Web 存储API

Web Storage API 是一种用于在浏览器中存储和检索数据的简单语法。这是非常容易使用：

localStorage.setItem("name", "John Doe");
localStorage.getItem("name");

所有浏览器都支持 Web Storage API：


Chrome	IE/Edge	Firefox	Safari	Opera
Yes	Yes	Yes	Yes	Yes

本地存储对象

localStorage 对象提供对特定网站的本地存储的访问。它允许您存储、读取、添加、修改和删除该域的数据项。

数据存储没有过期日期，并且在浏览器关闭时不会被删除。

这些数据将持续数天、数周甚至数年。

localStorage.setItem() 方法将数据项存储在存储中。

它采用名称和值作为参数：

localStorage.setItem("name", "John Doe");

localStorage.getItem() 方法从存储中检索数据项。

它需要一个名称作为参数：

localStorage.getItem("name");

sessionStorage 对象与 localStorage 对象相同。

区别在于 sessionStorage 对象存储一个会话的数据。

关闭浏览器时数据将被删除。

sessionStorage.getItem("name");

sessionStorage.setItem() 方法将数据项存储在存储中。

它采用名称和值作为参数：

sessionStorage.setItem("name", "John Doe");

sessionStorage.getItem() 方法从存储中检索数据项。

它需要一个名称作为参数：

sessionStorage.getItem("name");

Property/Method	Description
key(n)	Returns the name of the nth key in the storage
length	Returns the number of data items stored in the Storage object
getItem(keyname)	Returns the value of the specified key name
setItem(keyname, value)	Adds a key to the storage, or updates a key value (if it already exists)
removeItem(keyname)	Removes that key from the storage
clear()	Empty all key out of the storage

Property	Description
window.localStorage	Allows to save key/value pairs in a web browser. Stores the data with no expiration date
window.sessionStorage	Allows to save key/value pairs in a web browser. Stores the data for one session