cookie、sessionStorage和localStorage的区别

最新推荐文章于 2023-07-29 14:49:17 发布

平凡的娃

最新推荐文章于 2023-07-29 14:49:17 发布

阅读量252

点赞数 1

分类专栏： javascript 文章标签： javascript cookie session locstorage

本文链接：https://blog.csdn.net/m0_46498310/article/details/108730647

版权

在这里插入图片描述

Cookie如果设置了过期时间则保存在硬盘中除非手动删除否者一直存在
Cookie如果没有设置过期时间保存在浏览器内存中，关闭浏览器就删除
sessionStorage一直保存在浏览器内存中，关闭页面或浏览器信息就被清除
localStorage保存在硬盘中，除非手动删除，否则一直存在
Cookie、sessionStorage和localStorage都遵守同源策略
Cookie、localStorage不同标签页但是页面同源，也可共享信息
sessionStorage不同标签页面不可共享信息，相同标签页并且通过js跳转到同源页面即可共享信息
sessionStorage不在不同的标签页中共享，即使是同一个页面；localstorage在所有同源窗口中都是共享的；cookie也是在所有同源窗口中都是共享的

定义：Cookie，有时也用其复数形式 Cookies。类型为“小型文本文件”，是某些网站为了辨别用户身份，进行Session跟踪而储存在用户本地终端上的数据（通常经过加密），由用户客户端计算机暂时或永久保存的信息

1、Cookie 的作用就是用于解决 “如何记录客户端的用户信息”:

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

3、Cookie 以名/值对形式存储，如下所示:

username=John Doe

4、使用 JavaScript 创建Cookie
可以为 cookie 添加一个过期时间（以 UTC 或 GMT 时间）。默认情况下，cookie 在浏览器关闭时删除：

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

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

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

完整实例

function setCookie(cname,

关注