使用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";