JavaScript 存储对象 -sessionStorage （会话存储） 和 localStorage（本地存储）以及 cookie（保存用户信息） 的区别

sessionStorage （会话存储） 和 localStorage（本地存储）以及 cookie（保存用户信息） 的区别

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

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

Cookie 用于存储 web 页面的用户信息。当浏览器从服务器上请求 web 页面时， 属于该页面的 cookie 会被添加到该请求中。服务端通过这种方式来获取用户的信息。

localStorage（本地存储）用法

语法：

window.localStorage

存储

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

 读取

localStorage.getItem("key");

 删除指定数据语法：

localStorage.removeItem("key");

清除存储对象中所有的键

localStorage.clear();

 

 

sessionStorage （会话存储）用法

存储

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

读取数据

sessionStorage.getItem("key");

删除指定键

sessionStorage.removeItem("key");

删除所有数据：

sessionStorage.clear();

 

 

Cookie用法：

使用 JavaScript 创建Cookie：

创建

document.cookie="username=Jk";

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

document.cookie="username=Jk; expires=Thu, 18 Dec 2043 12:00:00 GMT";

 使用 path 参数告诉浏览器 cookie 的路径。默认情况下，cookie 属于当前页面。

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

使用 JavaScript 读取 Cookie：

var x = document.cookie;

 使用 JavaScript 修改 Cookie：旧的 cookie 将被覆盖。

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

 使用 JavaScript 删除 Cookie:

删除 cookie 非常简单。您只需要设置 expires 参数为以前的时间即可，如下所示，设置为 Thu, 01 Jan 1970 00:00:00 GMT:

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

注意，当您删除时不必指定 cookie 的值。