ICode9

精准搜索请尝试: 精确搜索
首页 > 其他分享> 文章详细

cookies,sessionStorage和localStorage的区别

2020-05-24 17:54:42  阅读:584  来源: 互联网

标签:cookies 浏览器 sessionStorage localStorage cookie 数据 窗口


 cookies,sessionStorage和localStorage的区别  基础概念:         sessionStorage:用于临时保存同一窗口(或标签页)的数据,在关闭窗口或标签页之后将会删除这些数据。         localStorage:用于长久保存整个网站的数据,保存的数据没有过期时间,直到手动去除。         cookies:是一些数据, 存储于你电脑上的文本文件中。                         当 web 服务器向浏览器发送 web 页面时,在连接关闭后,服务端不会记录用户的信息。

        Cookie 的作用就是用于解决 "如何记录客户端的用户信息":

  • 当用户访问 web 页面时,他的名字可以记录在 cookie 中。
  • 在用户下一次访问该页面时,可以在 cookie 中读取用户访问记录。
        区别:             cookie数据始终在同源的http请求中携带(即使不需要),即cookie在浏览器和服务器间来回传递。             而sessionStorage和localStorage不会自动把数据发给服务器,仅在本地保存。             cookie数据还有路径(path)的概念,可以限制cookie只属于某个路径下。存储大小限制也不同,cookie数据不能超过4k,同时因为每次http请求都会携带cookie,所以cookie只适合保存很小的数据,如会话标识。               sessionStorage和localStorage 虽然也有存储大小的限制,但比cookie大得多,可以达到5M或更大。数据有效期不同,               sessionStorage:仅在当前浏览器窗口关闭前有效,自然也就不可能持久保持;localStorage:始终有效,窗口或浏览器关闭也一直保存,因此用作持久数据;cookie只在设置的cookie过期时间之前一直有效,即使窗口或浏览器关闭。             作用域不同,sessionStorage不在不同的浏览器窗口中共享,即使是同一个页面;localStorage 在所有同源窗口中都是共享的;cookie也是在所有同源窗口中都是共享的。             Web Storage 支持事件通知机制,可以将数据更新的通知发送给监听者。Web Storage 的 api 接口使用更方便。

 

            sessionStorage用于本地存储一个会话(session)中的数据,这些数据只有在同一个会话中的页面才能访问并且当会话结束后数据也随之销毁。

 

            因此sessionStorage不是一种持久化的本地存储,仅仅是会话级别的存储。

 

            而localStorage用于持久化的本地存储,除非主动删除数据,否则数据是永远不会过期的。

标签:cookies,浏览器,sessionStorage,localStorage,cookie,数据,窗口
来源: https://www.cnblogs.com/qingfengyuan/p/12951875.html

本站声明: 1. iCode9 技术分享网(下文简称本站)提供的所有内容,仅供技术学习、探讨和分享;
2. 关于本站的所有留言、评论、转载及引用,纯属内容发起人的个人观点,与本站观点和立场无关;
3. 关于本站的所有言论和文字,纯属内容发起人的个人观点,与本站观点和立场无关;
4. 本站文章均是网友提供,不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属;如您发现该文章侵犯了您的权益,可联系我们第一时间进行删除;
5. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

专注分享技术,共同学习,共同进步。侵权联系[81616952@qq.com]

Copyright (C)ICode9.com, All Rights Reserved.

ICode9版权所有