使用sessionStorage获取值和设置值

简介: 使用sessionStorage获取值和设置值
<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);
    })


1425695-20190223224609778-617236428.jpg

相关文章
|
3天前
|
存储
存储对象sessionStorage与localStorage
存储对象sessionStorage与localStorage
13 0
|
14天前
|
JavaScript
JS 获取对象数据类型的键值对的键与值
JS 获取对象数据类型的键值对的键与值
|
5月前
|
存储 JavaScript
vue sessionStorage存值取值问题
vue sessionStorage存值取值问题
70 1
|
8月前
|
JavaScript 算法 索引
v-for中key值的作用
v-for中key值的作用
|
存储 JSON 缓存
关于本地缓存localstorage与sessionStorage 数组 (array)字符串(string) 对象(object)的存储技巧和注意事项
localstorage与sessionStorage的使用方法都是一样的 唯一的区别在与 localstorage是永久储存在你的计算机上  sessionstorage只要浏览器关闭,存储就消失 &lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head&gt; &lt;title&gt;本地缓存&lt;/title&gt; &lt;/head&g
1508 0
|
5月前
|
存储 移动开发 JavaScript
session、cookie、localStorage和SessionStorage怎么使用,区别和特点
session、cookie、localStorage和SessionStorage怎么使用,区别和特点
22 0
|
7月前
|
小程序 JavaScript 索引
小程序v-for与key值使用
小程序v-for与key值使用
116 0
|
9月前
|
JavaScript 前端开发
javascript实现对象数据键值不同的Object.keys循环读取解决方案
javascript实现对象数据键值不同的Object.keys循环读取解决方案
59 0
javascript实现对象数据键值不同的Object.keys循环读取解决方案
|
存储 API
你可能不知道的LocalStorage用法
你可能不知道的LocalStorage用法
230 0
你可能不知道的LocalStorage用法
|
存储 JSON JavaScript
Vue中如何将值存入浏览器的localstorage中
在实际开发中,浏览器的localstorage会经常被用到来存储一些信息。比如我写到的这个项目:登录页面登录成功后,会获得用户的信息比如头像之类的,登录进去之后需要获得这个用户的信息,那么我们就需要在请求的时候讲用户信息存入浏览器的localstorage中,方便取用。下面一起来看一下如何具体实现。
418 0
Vue中如何将值存入浏览器的localstorage中