首页 > 其他分享 >前端网页sessionStorage对值的获取与传值

前端网页sessionStorage对值的获取与传值

时间:2023-10-10 17:13:34浏览次数:35  
标签:getItem val sessionStorage JSON 对值 key var 传值

前端网页sessionStorage对值的获取与传值
sessionStorage主要在页面之间进行值得传输·允许跨页面。可以是单个值,以及JSON对象的传递,

主要方法有这些

  • sessionStorage[key]=val//保存一个数据
  • sessionStorage.setItem(key,val)// 保存一个数据
  • var val=sessionStorage[key]//读取一个数据
  • var val-sessionStorage.getItem()//读取一个值
  • sessionStorage.getItem()//读取单个值
  • sessionStorage.setItem(‘new1’,JSON.stringify(old))//设置以JSON格式传递的new对象
  • sessionStorage.getItem('new ',JSON.parse(new1));//接受JSON格式
  • 或者 这样
  • var new2=sessionStorage.getItem(‘new1’);
  • var n=JSON.parse(new2);
  • 这样就可以开始 n.key取值了
  • sessionStorage.removeItem(key);//清除一个数据
  • sessionStorage.clear();//清除所有数据
  • sessionStorage.length//获取个数
  • sessionStorage.key[i]/获取第i个数据

原文链接:https://yebd1h.smartapps.cn/pages/blog/index?blogId=105874001&_swebfr=1&_swebFromHost=hwquickapp

标签:getItem,val,sessionStorage,JSON,对值,key,var,传值
From: https://www.cnblogs.com/sunny3158/p/17755174.html

相关文章

  • 力扣-2006-差的绝对值为 K 的数对数目
    给你一个整数数组nums和一个整数k,请你返回数对(i,j)的数目,满足i<j且|nums[i]-nums[j]|==k。|x|的值定义为:如果x>=0,那么值为x。如果x<0,那么值为-x。示例1:输入:nums=[1,2,2,1],k=1输出:4解释:差的绝对值为1的数对为:-[1,2,2,1]-[1,2,2,1]-......
  • sessionStorage的setItem和getItem使用
    一、vue文件使用sessionStorage:(简单存值取值)1.存储数据:sessionStorage.setItem('取得k的名字','要存储的值')vuesessionStorage.setItem('loadClaim','this.node')2.获取数据:sessionStorage.getItem('取得k的名字')vuesessionStorage.getItem......
  • 记录一下前端缓存分类汇总(indexDB、localStorage、sessionStorage)
    什么是缓存?当我们第一次访问网站的时候,比如juejin.cn,电脑会把网站上的图片和数据下载到电脑上,当我们再次访问该网站的时候,网站就会从电脑中直接加载出来,这就是缓存。缓存的优点和应用场景Web缓存种类:indexDB、localStorage、sessionStorage。缓解服务器压力,不用每次都去请......
  • iframe 父子间传值通信
    同域iframe父子间传值父页面<html><head><scripttype="text/javascript">functionsay(){alert("parent.html");}functioncallChild(){myFrame.window.say();myFra......
  • bus兄弟组件传值
    bus兄弟组件传值,注意:1、监听时机要比发送时机早2、这两个组件不要按需引入,不然会导致首次收不到传的值例:在组件1的mounted里面发送值:this.$bus.$emit('selected',true)在组件2的created里面监听值:this.$bus.$on("selected",(data)=>{})......
  • 高精度数的绝对值
     高精度数的绝对值 描述 输入一个高精度数,输出它的绝对值。 输入 输入一行,包含一个正整数,数字的位数不超过1000位。 输出 高精度数的绝对值。 输入样例1 -12345678900987654输出样例112345678900987654输入样例2 654321123456......
  • iOS开发Swift-14-反向传值,右滑删除,语言本地化,编辑换序,DeBug,addTarget-待办事项Ap
    1.点击某一条待办事项,出现编辑界面,可对待办事项的文本进行修改.不重新设计界面,而是将新增页面进行修改复用.2.为新增页面取StoryboardID为TodoTableViewControllerID. 3.为列表最右边加一个小箭头.选中TodoCellID,将属性中的Selection修改为DisclosureIndicator. 4.......
  • Vue组件传值方法
    使用propsprops是用于向子组件传递数据的一种方式。父组件可以将数据传递给子组件的props属性,子组件则可以通过props来访问这些数据。父组件:<template><div><child-component:message="message"></child-component></div></template>子组件:<template><div>{......
  • 传值调用和地址调用
                  ......
  • 几句话弄清楚Java参数传值还是传引用
    作者:fbysss关键字:Java传值传引用这是个老生常谈的问题了,引起过无数争论,但可以说一直没有一个令人满意的回答。有些人非要故弄玄虚,把传引用说成是栈里面放的是引用的值,说只有传值没有传引用,那看看这句经典名言吧:O'Reilly'sJavainaNutshellbyDavidFlanagan(seeResources)......