美文网首页前端开发
sessionStorage的使用

sessionStorage的使用

作者: 李轻舟 | 来源:发表于2019-04-04 08:17 被阅读3次

sessionStorage保存的数据用于浏览器的一次会话,当会话结束(通常是该窗口关闭),数据被清空;sessionStorage 特别的一点在于,即便是相同域名下的两个页面,只要它们不在同一个浏览器窗口中打开,那么它们的 sessionStorage 内容便无法共享;localStorage 在所有同源窗口中都是共享的;cookie也是在所有同源窗口中都是共享的。除了保存期限的长短不同,SessionStorage的属性和方法与LocalStorage完全一样。

1、sessionStorage的特点

  • 会话级别的浏览器存储;

  • 大小为5M左右;

  • 仅在客户端使用,不和服务端进行通信;

  • 接口封装较好。

基于上面的特点,sessionStorage 可以有效对表单信息进行维护,比如刷新时,表单信息不丢失。

2、使用场景

sessionStorage 更适合用来存储生命周期和它同步的会话级别的信息。这些信息只适用于当前会话,当你开启新的会话时,它也需要相应的更新或释放。比如微博的 sessionStorage就主要是存储你本次会话的浏览足迹:

image

lasturl 对应的就是你上一次访问的 URL 地址,这个地址是即时的。当你切换 URL 时,它随之更新,当你关闭页面时,留着它也确实没有什么意义了,干脆释放吧。这样的数据用 sessionStorage 来处理再合适不过。

相关文章

  • JS工作日志

    1、sessionStorage、localStorage①使用sessionStorage、localStora...

  • sessionStorage的使用

    sessionStorage保存的数据用于浏览器的一次会话,当会话结束(通常是该窗口关闭),数据被清空;sessi...

  • cookie & sessionStorage & localS

    总结实战项目中使用的问题 cookie sessionStorage sessionStorage在新标签中是无法...

  • 8-10 localstorage和Vuex的其他使用

    localStorage、sessionStorage、Cookie的区别及用法 localStorage使用总结...

  • sessionStorage的成功使用

    项目中遇到一个场景,index页面有多个入口,每个入口都可以进入主系统,但是需要带上入口id传给主系统里面的所有请...

  • sessionStorage的基本使用

    生命周期 有效范围:仅在当前标签页有效。过期时间:关闭标签页销毁,无法设置过期时间。 使用方法 存储 :sess...

  • sessionStorage的使用案例

    0 我会用手机访问这个页面,上传完图片后在PC端刷新、 下载 图片太多的时候会分不清哪个已经下载了... 希望下载...

  • 封装了localStorage和sessionStorage的使

    /** @desc 封装了localStorage和sessionStorage的使用, 可直接保存, 获取对象.*/

  • js

    1、cookie、localStorage、sessionStorage的区别和使用? cookie:是存储在本地...

  • 常用的本地存储

    本地存储 sessionStorage(临时存储) localStorage(长期储存) 使用方式 session...

网友评论

    本文标题:sessionStorage的使用

    本文链接:https://www.haomeiwen.com/subject/nfktiqtx.html