<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. Spring Boot Failed to load resource: the server responded with a status of 404 ()
			
    出现错误: Failed to load resource: the server responded with a status of 404 () 但是其他页面正常显示: 原因: 浏览器看一下:  ...
    
			
    2. 
						
  2. [debug] 解决新建项目属性中没有 c\c++
			
    写一些代码(不写不行),然后生成,然后就可以看到这个选项了
    
			
    3. 
						
  3. 为用户分配有效期程序-更新数据库的TRY使用
			
    REPORT ZPMRP030. TABLES:USR02. DATA: L_ERROR TYPE REF TO CX_SY_OPEN_SQL_DB, L_ERROR_TEXT TYPE STRING ...
    
			
    4. 
						
  4. Python3 pickle模块用法
			
    pickle(python3.x)和cPickle(python2.x的模块)相当于java的序列化和反序列化操作. 常采用下面的方式使用: import pickle pickle.dump(obj ...
    
			
    5. 
						
  5. Hive DDL、DML操作
			
    • 一.DDL操作(数据定义语言)包括:Create.Alter.Show.Drop等. • create database- 创建新数据库 • alter database - 修改数据库 • dr ...
    
			
    6. 
						
  6. Vue和React的区别，以及如何选择？
			
    简介 React:React是一个用于创建可重用且有吸引力的UI组件的库.它非常适合代表经常变化的数据的组件. Vue:Vue.js是一个开源JavaScript框架,能够开发单页面应用程序.它还可以 ...
    
			
    7. 
						
  7. arcgis api for javascript 学习（七） 调用发布地图信息，并将地图属性信息输出到Excel表格---进阶版
			
    我们在arcgis api for javascript 学习(三)已经学习到了关于调用地图信息进行属性输出的问题,不过通过代码我们实现后会发现还是有一些小瑕疵的,比如我们只能单个数据属性的输出,如果 ...
    
			
    8. 
						
  8. unittest---unittest跳过用例
			
    我们在做自动化测试的时候,可能会遇到一些用例中间不用回归,想要进行跳过.直接注释的话,代码量修改过大,显然这个方法不妥,哪还有什么方法?unittest这个自动化框架可以帮助我们完成这个操作 自动跳过 ...
    
			
    9. 
						
  9. Objective-C中 #include 和 #import 的区别
			
    由于 Objective-C 兼容 C 语言,所以导入文件时, 可以使用 #include,也可以使用 #import (Objective-C 新增的) 如: #include <stdio. ...
    
			
    10. 
						
  10. 观察者模式Vs发布订阅模式
			
    1)观察者模式 观察者模式通俗的讲就是我们平事件调用(click/change等等) 大家先看这个图片.我们被观察者Subject(监听某个事件)发生改变时,观察者Observer监听到没改变做出调整 ...
    
			
    11.