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)
全栈程序员-站长的头像全栈程序员-站长


相关推荐

  • shell检查语法模式

    shell检查语法模式方法sh-ntest.sh直接上例子

    2022年7月16日
    15
  • 【转】细说.NET中的多线程 (六 使用MemoryBarrier,Volatile进行同步)

    【转】细说.NET中的多线程 (六 使用MemoryBarrier,Volatile进行同步)上一节介绍了使用信号量进行同步,本节主要介绍一些非阻塞同步的方法。本节主要介绍MemoryBarrier,volatile,Interlocked。MemoryBarriers本文简单的介绍一下这两个概念,假设下面的代码: 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 usingSystem; .

    2022年7月12日
    17
  • ant下载地址

    ant下载地址http://ant.apache.org/bindownload.cgi

    2022年7月15日
    22
  • 激活成功教程软件下载网站100个[通俗易懂]

    激活成功教程软件下载网站100个[通俗易懂]激活成功教程软件下载网站100个□xuly发表于2005-11-247:48:00

    2022年10月13日
    2
  • QinQ、VLAN Mapping原理和配置「建议收藏」

    QinQ、VLAN Mapping原理和配置「建议收藏」我唯一知道的就是我一无所知。—苏格拉底文章目录一、QinQ基本原理二、VLANMapping基本原理三、拓扑四、配置与分析五、总结一、QinQ基本原理QinQ是指在802.1QVLAN的基础上增加一层802.1QVLAN标签,从而拓展VLAN的使用空间。在公网的传输过程中,设备只根据外层VLANTag转发报文,并根据报文的外层VLANTag进行MAC地址学习,而用户的私网VLANTag将被当作报文的数据部分进行传输。1、QinQ报文封装格式QinQ报文有.

    2022年8月10日
    6
  • 教你用Python自制一张好看的指数估值图!这招很好用!

    教你用Python自制一张好看的指数估值图!这招很好用!对于以定投指数的方式理财的朋友 最需要关注的指标便是各个指数的估值 在指数低估时买入 高估时卖出 那如何制作一张估值图来跟踪指数的估值情况呢 本文就从 0 到 1 介绍如何用 Matplotlib 画一张漂亮的指数估值图 准备数据首先 准备我们需要的数据 一般来说 经历了一轮牛熊周期的历史估值更具比较意义 所以 这里以上证指数 2013 年到目前为止的行情数据为例进行演示 同时 采用滚动市盈率为估值指标 数据来源为 tushare importpandas

    2025年6月1日
    2

发表回复

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

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