cookie、localStorage、sessionStorage 差异与使用方法

/* cookie */

Cookie 是一些数据, 存储于你电脑上的文本文件中。

当 web 服务器向浏览器发送 web 页面时,在连接关闭后,服务端不会记录用户的信息。

读取Cookie:

在 JavaScript 中, 可以使用以下代码来读取 cookie:

var x = document.cookie;
修改Cookie:

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

删除Cookie:

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

/* cookie END */

/* localStorage */

localStorage 和 sessionStorage 属性允许在浏览器中存储 key/value 对的数据。

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

保存数据语法:

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

读取数据语法:

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

删除数据语法:

localStorage.removeItem("key");

/* localStorage END */

/* sessionStorage */

保存数据语法:

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

读取数据语法:

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

删除指定键的数据语法:

sessionStorage.removeItem("key");

删除所有数据:

sessionStorage.clear();

/* sessionStorage END */

posted @ 2020-05-08 15:12  幻景  阅读(148)  评论(0编辑  收藏  举报