<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. Prometheus学习系列（二）之Prometheus FIRST STEPS
			
    前言 本文来自Prometheus官网手册 和 Prometheus简介 说明 Prometheus是一个监控平台,通过在监控目标上的HTTP端点来收集受监控目标的指标.本指南将向您展示如何使用Pro ...
    
			
    2. 
						
  2. useradd命令详解(转)
			
    1.作用 useradd或adduser命令用来建立用户帐号和创建用户的起始目录,使用权限是超级用户. 2.格式 useradd [-d home] [-s shell] [-c comment] [ ...
    
			
    3. 
						
  3. Redis面试篇 -- Redis常见性能问题和解决方案？
			
    master最好不要做任何的持久化工作,如RD内存快照或者AOF日志文件: 如果数据比较重要,某个slave开始AOF备份数据,策略设置为每秒同步1次: 为了主从复制的速度和连接的稳定性,master ...
    
			
    4. 
						
  4. FCC---CSS Flexbox: Add Flex Superpowers to the Tweet Embed
			
    To the right is the tweet embed that will be used as the practical example. Some of the elements wou ...
    
			
    5. 
						
  5. ionic项目打包+部署
			
    环境: 1.ionic 2.angular-cli  开发 1.CTRL C + CTRL V 2.图片路径的问题 使用‘assets/xxxxx.jpg’,而不使用‘../../assets/xxx ...
    
			
    6. 
						
  6. [转]UiPath Deployment Architecture
			
    本文转自:https://dotnetbasic.com/2019/08/uipath-deployment-architecture.html We will learn step by step  ...
    
			
    7. 
						
  7. C# Excel 读取导入数据库
			
    使用Aspose.Cells组件. 表格第一行为表头合并,第二行为数据名称,从第三行开始数据. if (xtraOpenFileDialog1.ShowDialog() == DialogResult ...
    
			
    8. 
						
  8. C语言入门-类型定义
			
    一.自定义数据类型(typedef) c语言提供一个叫做typedef的功能来声明一个已有的数据类型的新名字,比如: typedef int length; 这样length成为了int类型的别名 这 ...
    
			
    9. 
						
  9. Java8_map新增方法
			
    参考博客 https://irusist.github.io/2016/01/04/Java-8%E4%B9%8BMap%E6%96%B0%E5%A2%9E%E6%96%B9%E6%B3%95/#ge ...
    
			
    10. 
						
  10. make && make install的区别
			
    ./configure 配置环境make 是编译的意思.就是把源码包编译成二进制可执行文件make install 就是安装的意思. make && make install 的意思是 ...
    
			
    11.