<body>
<button id="btn1">设置值</button>
<button id="btn2">获取值</button>

<!--
     总结:设置值 值是字符串 sessionStorage.setItem('key','value');
     使用sessionStorage.getItem('key');获取值

-->
<script>
     // 使用sessionStorage设置值  和使用sessionStorage获取值

    // 获取dom
    const btn1 = document.getElementById('btn1');
    const btn2 = document.getElementById('btn2');

    //注册点击事件
    btn1.addEventListener('click',()=>{
        //设置值 值是字符串 sessionStorage.setItem('key','value');
        sessionStorage.setItem('myname','王大仙');
        sessionStorage.setItem('myage','32');
        sessionStorage.setItem('mysex','男');
    });

    //注册点击事件
    btn2.addEventListener('click',()=>{
        const myname = sessionStorage.getItem('myname');
        const myage = sessionStorage.getItem('myage');
        const mysex = sessionStorage.getItem('mysex');
        console.log(myname, myage, mysex);
    })


												


											
使用sessionStorage获取值和设置值的更多相关文章
	

    
						
  1. [js]作用域链查找规则获取值和设置值
		
    作用域链查找规则获取值和设置值 <script> /** 1.作用域链查找规则 私有作用域出现的一个变量不是私有的,则往上一级作用域查找,上级作用域没有则继续向上级查找,一直找到windo ...
    
		
    2. 
								
  2. easyUI validatebox设置值和获取值，以及属性和方法
		
    一:表单元素使用easyui时,textbox和validatebox设置值和获取值的方式不一样[转] 1.为text-box设置值只能使用id选择器选择表单元素,只能使用textbox(" ...
    
		
    3. 
						
  3. easyui-textbox 和 easyui-validatebox 设置值和获取值
		
    表单作如下定义:该input使用easyui的"easyui-textbox" <input id="addSnumber" style="wi ...
    
		
    4. 
						
  4. jquery设置文本框值 与获取文本框的值
		
    <!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8&quo ...
    
		
    5. 
						
  5. JQuery/JS  select标签动态设置选中值、设置禁止选择 button按钮禁止点击 select获取选中值
		
    //**1.设置选中值:(根据索引确定选中值)**// var osel=document.getElementById("selID"); //得到select的ID var o ...
    
		
    6. 
						
  6. jQuery操作复选框checkbox技巧总结 ---- 设置选中、取消选中、获取被选中的值、判断是否选中等
		
    转载:https://blog.csdn.net/chenchunlin526/article/details/77448168 jQuery操作复选框checkbox技巧总结 --- 设置选中.取消 ...
    
		
    7. 
						
  7. 一段简单的代码记录如何通过 js 给 HTML 设置自定义属性，并且通过点击事件获取到所设置的自定义属性值
		
    for (var i = 0; i <= 5; i++) { const divJoinDay = document.createElement("div"); divJoi ...
    
		
    8. 
						
  8. radio，checkbox，select，input text获取值，设置哪个默认选中
		
    11 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title& ...
    
		
    9. 
						
  9. 单选框radio总结（获取值、设置默认选中值、样式）
		
    单选框 radio <div class="radio-inline"> <input type="radio" name="kil ...
    
		
    10. 
		

	


随机推荐
	

    
									
  1. Web安全测试学习笔记-DVWA-盲注(使用sqlmap)
			
    之前的sql注入页面(https://www.cnblogs.com/sallyzhang/p/11843291.html),返回了查询结果和错误信息.而下面的页面,返回信息只有存在和不存在两种情况, ...
    
			
    2. 
						
  2. QGIS练手 - 数据
			
    又熬夜了... 这篇博客可能会将QGIS数据管理部分和ArcGIS数据管理进行对比学习. 1. 本地数据文件与数据库(矢量) 1.1 文件 QGIS用的是shp文件.kml文件.geojson文件较多 ...
    
			
    3. 
						
  3. 一文解读RESTful (转)
			
    01 前言 回归正题,看过很多RESTful相关的文章总结,参齐不齐,结合工作中的使用,非常有必要归纳一下关于RESTful架构方式了,RESTful只是一种架构方式的约束,给出一种约定的标准,完全严 ...
    
			
    4. 
						
  4. 5、netty第四个例子，空闲检测handle
			
    netty可支持空闲检测的处理器,用于心态检测,当服务器端超出等待时间,没发生事件时,会触发handler中的方法 userEventTriggered. initializer import io. ...
    
			
    5. 
						
  5. python判断字典中key是否存在
			
    例:#生成一个字典d = {'title':'abc','age':18} if 'title' in d.keys(): print('存在')else: print('不存在') if 'titl ...
    
			
    6. 
						
  6. javascript随机数发现的一个parseInt函数的问题
			
    前几天想伪造一些数据,用到了随机数,没有自己写,便在网上找了一下,找到了这篇文章:https://www.cnblogs.com/starof/p/4988516.html .之后测试了一下,发现了一 ...
    
			
    7. 
						
  7. Shell—详解$0、$1、$2、$#、$*、$@、$?、$$变量
			
    预定义变量:常用来获取命令行的输入 变量 作用 $0 当前Shell脚本本身的文件名称 $1 脚本接收的第一个参数($1-$9:第1-9个命令行参数名) $2 脚本接收的第二个参数($1-$9:第1- ...
    
			
    8. 
						
  8. springboot+quartz+数据库存储
			
    Spring整合Quartz a.quartz调度框架是有内置表的 进入quartz的官网http://www.quartz-scheduler.org/,点击Downloads, 下载后在目录\do ...
    
			
    9. 
						
  9. 【模板】分治 FFT
			
    Link Solution 有两种解法. 法1: 直接上分治FFT,也就是CDQ分治+FFT. 具体做法是先递归左半边,算出左半边答案之后,将左半边贡献到右半边,然后递归右半边. 分治是一个log的, ...
    
			
    10. 
						
  10. Docker 运行应用程序
			
    一.docker run 镜像 执行的命令 docker run组合来运行一个容器:镜像文件不存在的话,会自动拉取(下载): 下图执行的命令的具体意思:docker 以ubuntu:15.10镜像创建 ...
    
			
    11.