使用localStorage，sessionStorage，cookie等存储

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

特点：

localStorage 用于长久保存整个网站的数据，保存的数据没有过期时间，直到手动去除。

sessionStorage 用于临时保存同一窗口(或标签页)的数据，在关闭窗口或标签页之后将会删除这些数据(数据就没了)。

Cookie 用于存储 web 页面的用户信息。其作用就是用于解决 "如何记录客户端的用户信息"

// 保存数据语法

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

// 读取数据语法

var lastname = localStorage.getItem("key");

// 删除数据语法

localStorage.removeItem("key");

// 保存数据语法

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

// 读取数据语法

var lastname = sessionStorage.getItem("key");

// 删除数据语法

sessionStorage.removeItem("key");

//删除所有数据

sessionStorage.clear();

//创建Cookie

document.cookie="username=John Doe";

//还可以为 cookie 添加一个过期时间（以 UTC 或 GMT 时间）。默认情况下，cookie 在浏览器关闭时删除：

document.cookie="username=John Doe; expires=Thu, 18 Dec 2013 12:00:00 GMT";

//读取 Cookie

var x = document.cookie;

//修改 Cookie

document.cookie="username=John Smith; expires=Thu, 18 Dec 2013 12:00:00 GMT";

//删除 Cookie

document.cookie = "username=; expires=Thu, 01 Jan 1970 00:00:00 GMT";

巴特西

使用localStorage，sessionStorage，cookie等存储

最新文章

热门文章