<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. 精通awk系列(1)：安装新版本的gawk
			
    回到: Linux系列文章 Shell系列文章 Awk系列文章 安装新版本gawk awk有很多种版本,例如nawk.gawk.gawk是GNU awk,它的功能很丰富. 本教程采用的是gawk 4. ...
    
			
    2. 
						
  2. Servlet是什么？JSP和Servlet的区别。Servlet的生命周期。
			
    Servlet(Server Applet),全称Java Servlet, 是用Java编写的服务器端程序.而这些Sevlet都要实现Servlet这个借口.其主要功能在于交互式地浏览和修改数据,生 ...
    
			
    3. 
						
  3. 第03讲 fragment
			
    Fragment 官网文档:https://developer.android.google.cn/guide/components/fragments 什么是Fragment 在手机上,Activi ...
    
			
    4. 
						
  4. Shell脚本监控CPU、内存和硬盘利用率
			
    1.监控CPU利用率(通过vmstat工具) #!/bin/bash #==================================================== # Author: l ...
    
			
    5. 
						
  5. Cocos2d-x游戏实例《忍者飞镖》之对象管理
			
    推荐移步至<忍者飞镖射幽灵>之对象管理阅读 配置环境:win7+Cocos2d-x.2.0.3+VS2012 目标读者:需了解游戏帧率以及回调函数的概念 一.引言 对具体游戏demo的分析 ...
    
			
    6. 
						
  6. unittest---unittest简单介绍
			
    说起python的单元测试,第一反应肯定就会是unittest,unittest作为python的标准库,很优秀,也被广泛的用到各个项目,但是你们知道吗?python的单元测试并不只有这一个,还有个p ...
    
			
    7. 
						
  7. JavaScript-----12.对象
			
    1. 对象 万物皆对象,但是对象必须是一个具体的事物.例如:"明星"不是对象,"周星驰"是对象:"苹果"不是对象"这个苹果&quo ...
    
			
    8. 
						
  8. Map随笔：有序的HashMap——LinkedHashMap
			
    目录 Map随笔:有序的HashMap--LinkedHashMap 一,概述 二,源码结构 三,总结 Map随笔:有序的HashMap--LinkedHashMap 一,概述 ​ LinkedHas ...
    
			
    9. 
						
  9. IntelliJ IDEA安装与使用
			
    官网:https://www.jetbrains.com/ 点击 点击下载 点击
    
			
    10. 
						
  10. tensorflow convert_variables_to_constants
			
    在使用tf.train.Saver函数保存模型文件的时候,是保存所有的参数信息,而有些时候我们并不需要所有的参数信息.我们只需要知道神经网络的输入层经过前向传播计算得到输出层即可,所以在保存的时候,我 ...
    
			
    11.