sessionStorage 使用方法

sessionStorage 使用方法作为 html5 中 WebStorage 的一种存储方式 localStorage 和 sessionStora 一样都是用来存储客户端临时信息的对象 这两者区别在于前者用于持久化的本地存储 除非主动删除数据 否则数据是永远不会过期的 而 sessionStora 存储的数据只有在同一个会话中的页面才能访问并且当会话结束后数据也随之销毁 因此 sessionStora 不是一种持久化的本地存储

作为html5中Web Storage的一种存储方式,localStoragesessionStorage一样都是用来存储客户端临时信息的对象。

这两者区别在于前者用于持久化的本地存储,除非主动删除数据,否则数据是永远不会过期的。而sessionStorage存储的数据只

有在同一个会话中的页面才能访问并且当会话结束后数据也随之销毁。因此sessionStorage不是一种持久化的本地存储,仅仅是

会话级别的存储。个人的理解是你在打开一个页面时记录sessionStorage,当你把页面或者浏览器关闭时session中的数据即销毁。

接下来是测试。

先创建一个index.html,代码:

 

先点击show按钮,在文本框出现的是“your name is null”,之后只需在文本框中输入数据再点击login按钮就能把数据存储到sessionStorage。如图

sessionStorage 使用方法

现在点击show 文本框就显示“your name is xiaoming”。

然后再创建一个33.html,代码:

最后只要点击index.html的33.html跳转到该页面就能发现sessionstorage内数据是共享的。

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请联系我们举报,一经查实,本站将立刻删除。

发布者:全栈程序员-站长,转载请注明出处:https://javaforall.net/232848.html原文链接:https://javaforall.net

(0)
全栈程序员-站长的头像全栈程序员-站长


相关推荐

  • 日期及时间处理包 Carbon 在 Laravel 中的简单使用[通俗易懂]

    日期及时间处理包 Carbon 在 Laravel 中的简单使用[通俗易懂]日期及时间处理包 Carbon 在 Laravel 中的简单使用

    2022年4月24日
    70
  • STemWin显示图片

    STemWin显示图片目录一通过 BmpCvtST exe 软件将图片转换为 C 数组 然后通过 GUI DrawBitmapEx 函数显示二 STemWin 中 bmp jpg gif png 格式图片的相关接口函数三读取 SD 卡的 BMP 格式图片的数据 然后调用 GUI BMP DrawEx 函数 BMP 图片 四读取 SD 卡的 JPG 格式图片的数据 然后调用 GUI JPG DrawEx 函数 JPG 图片 五读取 SD 卡

    2025年10月1日
    0
  • Oracle trunc 函数用法详解

    Oracle trunc 函数用法详解trunc函数用法用于截取时间或者数值,返回指定的值一、截取时间selecttrunc(to_date(‘2018-02-011:00:00′,’YYYY-MM-DDHH:MI:SS’),’yyyy’)fromdual;–返回当年第一天selecttrunc(to_date(‘2018-02-011:00:00’,’YYYY-MM-DDHH:MI……

    2022年7月17日
    33
  • 【Custom Mutator Fuzz】AFL++自定义突变API「建议收藏」

    【Custom Mutator Fuzz】AFL++自定义突变API「建议收藏」前言其实这篇是临时加进来的,因为下一篇文章是libprotobuf+AFL++的内容,所以写的时候需要使用AFL++自定义突变的API,觉得还是需要单独写一篇API的介绍,一共十一个方法,也不是很多,下一篇文章就不再用大篇幅描述API了~编写不易,如果能够帮助到你,希望能够点赞收藏加关注哦Thanks♪(・ω・)ノPS:文章末尾有联系方式,交个朋友吧~本文链接:模糊测试系列往期回顾:【CustomMutatorFuzz】Libprotobuf+LibFuzzerCustomM.

    2025年11月5日
    3
  • 股指期货跨期套利策略优化_股指期现套利策略盈亏

    股指期货跨期套利策略优化_股指期现套利策略盈亏股指期货跨期套利策略概述:本文章介绍使用同一标的不同交割日的股指期货的价差进行跨期套利的策略。本文由JoinQuant量化课堂推出,难度为进阶(下),深度为level-0。​作者:swlaw编辑

    2022年8月6日
    7
  • 联想 p系列服务器,全面解读联想ThinkStation P系列工作站

    联想 p系列服务器,全面解读联想ThinkStation P系列工作站ThinkStationP900&P700【中关村在线报道】10月29日,在以”灵感澎湃创变未来”为主题新品发布会上,全新一代联想ThinkStationP系列工作站家族亮相。新品延续了品质、创新、人本设计三大Think基因,从外部设计到内部平台,进行了全面的优化和升级,整体性能较上代产品提升50%以上,并采用联想独家的Flex模块技术和三通道散热技术,将灵活扩展性、稳定可靠性提升至…

    2022年5月10日
    54

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

关注全栈程序员社区公众号