最新消息:20210816 当前crifan.com域名已被污染,为防止失联,请关注(页面右下角的)公众号

【整理】html浏览器保存和传递参数:localStorage和sessionStorage

HTML crifan 2024浏览 0评论

折腾:

【未解决】ReactJS页面是否支持传入url和其他登录信息等参数

期间,需要搞清楚:

在html,浏览器中,用于保存,别处传递过来的参数所用到的

localStorage和sessionStorage

有何区别

localStorage和sessionStorage

详说 Cookie, LocalStorage 与 SessionStorage | 咀嚼之味

HTML5本地存储:SessionStorage, LocalStorage, Cookie | Harttle Land

Cookie、sessionStorage、localStorage的区别 – 简书

cookie、 sessionStorage 、localStorage之间的区别和使用 – zhengyeye – 博客园

html5 – What is the difference between localStorage, sessionStorage, session and cookies? – Stack Overflow

浅析localstorage、sessionstorage-前端开发博客

使用 Web Storage API – Web API 接口 | MDN

【总结】

借用别人总结的:

SessionStorage, LocalStorage, Cookie这三者都可以被用来在浏览器端存储数据,而且都是字符串类型的键值对!

区别在于前两者属于WebStorage,创建它们的目的便是存储客户端数据。 而Cookie早在网景公司的浏览器中就开始支持,最初目的是为了保持HTTP的状态。

LocalStorage和SessionStorage都是本地存储,不会被发送到服务器上。

对比:

特性
Cookie
localStorage
sessionStorage
数据的生命期
一般由服务器生成,可设置失效时间。如果在浏览器端生成Cookie,默认是关闭浏览器后失效
除非被清除,否则永久保存
仅在当前会话下有效,关闭页面或浏览器后被清除
存放数据大小
4K左右
一般为5MB
与服务器端通信
每次都会携带在HTTP头中,如果使用cookie保存过多数据会带来性能问题
仅在客户端(即浏览器)中保存,不参与和服务器的通信
易用性
需要程序员自己封装,源生的Cookie接口不友好
源生接口可以接受,亦可再次封装来对Object和Array有更好的支持

转载请注明:在路上 » 【整理】html浏览器保存和传递参数:localStorage和sessionStorage

发表我的评论
取消评论

表情

Hi,您需要填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址
92 queries in 0.121 seconds, using 20.66MB memory