首页 > 其他分享 >Cookie、sessionStorage、localStorage的区别 ?

Cookie、sessionStorage、localStorage的区别 ?

时间:2022-11-11 19:13:37浏览次数:70  
标签:cookie 浏览器 localStorage sessionStorage Localstorage Cookie 数据 页面

共同点:都是保存在浏览器端的。

区别:

1.cookie数据始终携带在同源的http请求中,即cookie在浏览器和服务器间来回传递,而sessionStorage和Localstorage不会自动把数据发送给服务器,只在本地保存。cookie数据还有路径(path)的概念,可以限制cookie只属于某个路径下。

2.存储大小限制也不同,cookie数据不能超过4k,同时因为每次http请求都会携带cookie,所有cookie只适合保存很小的数据。如会话标识。sessionStorage和Localstorage虽然也有大小储存的限制,但比cookie大很多。可以达到5M或更大。

3.数据有效期不同,sessionStorage,只在当前浏览器窗口有效,Localstorage始终有效,窗口或者浏览器关闭也一直保存,除非手动删除,cookie可以手动设置有效期 ;

4.作用域不同,sessionStorage不能在不同的浏览器中共享,即使是同一个页面,locastorage在所有的同源页面中都是共享的,cookie也是在所有同源页面中共享的。

标签:cookie,浏览器,localStorage,sessionStorage,Localstorage,Cookie,数据,页面
From: https://www.cnblogs.com/zhulongxu/p/16881482.html

相关文章

  • cookie,session,token
    一、cookie1、cookie简介cookie是存储在浏览器的文本数据,大小不超过4kb,有一个名称和值,还有其他的一些属性组成,包括有效期,安全性,适用范围等,某些网站采用session机制识别用......
  • 前后端session原理 cookie是什么 session中间件
    cookie  由name和value值组成    cookie不具有安全性!!!不能用cookie存储用户的隐私敏感数据 安装session中间件  ......
  • 记一次HTTPClient模拟登录获取Cookie的开发历程
    记一次HTTPClient模拟登录获取Cookie的开发历程环境:​ springboot:2.7​ jdk: 1.8​ httpClient:4.5.13设计方案​ 通过新建一个空的cookie库创建出一个Http客户......
  • cookie的使用
    vue中使用js-cookie通过npmijs-cookie然后通过importCookiesfrom'js-cookie'//通过set,get来使用,和localStorage用法类似Cookie.set()Cookie.get()在登陆时获......
  • COOKIE
    6.3cookiecookie是一小段的文本信息(key-value格式)。客户端向服务器发起请求,如果服务器需要记录该用户状态,就使用response向客户端浏览器颁发一个Cookie.客户端浏览器会......
  • day28 BOM浏览器对象 & 定时事件与Cookie & (视频卷子讲解)
    3.10BOM浏览器对象模型3.10.1window对象所有浏览器都支持window对象,它表示浏览器窗口;|属性|history 网页历史记录 返回History只读对象location 网页路径 ......
  • Cookie
      发送:  获取: ......
  • LeetCode 455. Assign Cookies
    贪心classSolution{public:intfindContentChildren(vector<int>&g,vector<int>&s){sort(g.begin(),g.end());sort(s.begin(),s.end());......
  • 某查猫信息获取cookie限制
    地址链接游客状态#反爬类型基于cookie和IP的访问频率(次数)限制反爬策略游客状态基于IP的访问频率限制搜索接口有动态加密参数mfccode,mfccode只能使用一次cookie......
  • jq(JQuery)操作cookie
     先引入jq封装好的方法<scriptsrc="//cdn.bootcss.com/jquery-cookie/1.4.1/jquery.cookie.min.js"></script> 设置新的cookie$.cookie('name','yvioo');//设......