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

 

posted @ 2018-08-15 10:08  土豆儿哥  阅读(239)  评论(0编辑  收藏  举报