<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. Ubuntu截图快捷键等_终端快捷键
			
    Uubuntu内设置了不少快捷键,很方便,不少和windows的相同 在“设置”>“设备”>“键盘”下可以查看 终端里的快捷键可以帮你飞起,尤其是复制粘贴:(“编辑”>“首选向”&g ...
    
			
    2. 
						
  2. 耐人寻味的CSS属性font-family
			
    font-family是一个网站用户体验的第一入口,非常有必要花功夫来研究一下.我们首先需要了解衬线字体和无衬线字体,接着了解中英文的常用字体及其适用性. 衬线字体 衬线(serif)的笔画有粗有细的 ...
    
			
    3. 
						
  3. js-06-字符串
			
    一.查找字符串的字符串 a:indexOf:没有查询到返回值为-1: b:lastIndexoOf:查找到的为重复的最后一个: c:search 查找: var str="good good ...
    
			
    4. 
						
  4. C#后台架构师成长之路-进阶体系篇章大纲
			
    这些知识体系概念和应用如果不了解,怎么修炼你的内功..... 1.数据类型的理解,比如bool,byte,short,ushort,int,uint,long,ulong,float,double,s ...
    
			
    5. 
						
  5. python创建多维字典方法
			
    python不直接创建多维字典,需要逐层判断不存在创建,存在追加: 例如: 不能直接 dictName['key1']['key2']['key3']['key4']['key5'] = ['123' ...
    
			
    6. 
						
  6. 阿里云ECS服务器部署HADOOP集群（六）：Flume 安装
			
    本篇将在阿里云ECS服务器部署HADOOP集群(一):Hadoop完全分布式集群环境搭建的基础上搭建. 1 环境介绍 一台阿里云ECS服务器:master 操作系统:CentOS 7.3 Hadoop ...
    
			
    7. 
						
  7. 自生成图片验证码Servlet
			
    package com.woniuxy.busniess.servlet; import java.awt.*; import java.awt.geom.*; import java.awt.ima ...
    
			
    8. 
						
  8. 菜鸟刷面试题（三、Redis篇）
			
    目录: redis是什么?都有哪些使用场景? redis有哪些功能? redis和memecache有什么区别? redis为什么是单线程的? 什么是缓存穿透?怎么解决? redis支持的数据类型有哪 ...
    
			
    9. 
						
  9. 第K个语法符号
			
    在第一行我们写上一个 0.接下来的每一行,将前一行中的0替换为01,1替换为10. 给定行数 N 和序数 K,返回第 N 行中第 K个字符.(K从1开始) 例子: 输入: N = 1, K = 1输出 ...
    
			
    10. 
						
  10. Linux下动态切换EHCI控制器下端口的速率（即切换为12M）
			
    在sys目录下找到对应的控制器 例如:/sys/devices/platform/soc/ehci,直接操作该目录下的companion echo 1  > companion  将port1设 ...
    
			
    11.