526互联

使用sessionStorage获取值和设置值 sessionStorage.setItem('key','value') sessionStorage.getItem('myname')

发布时间 2023-06-15 08:38:08作者: sunny123456

使用sessionStorage获取值和设置值 sessionStorage.setItem('key','value') sessionStorage.getItem('myname')
https://www.shuzhiduo.com/A/lk5a4ZL2J1/

  1. <body>
    <button id="btn1">设置值</button>
    <button id="btn2">获取值</button>
  2.  
  3. <!--
         总结:设置值 值是字符串 sessionStorage.setItem('key','value');
         使用sessionStorage.getItem('key');获取值
  4.  
  5. -->
    <script>
         // 使用sessionStorage设置值  和使用sessionStorage获取值
  6.  
  7.     // 获取dom
        const btn1 = document.getElementById('btn1');
        const btn2 = document.getElementById('btn2');
  8.  
  9.     //注册点击事件
        btn1.addEventListener('click',()=>{
            //设置值 值是字符串 sessionStorage.setItem('key','value');
            sessionStorage.setItem('myname','王大仙');
            sessionStorage.setItem('myage','32');
            sessionStorage.setItem('mysex','男');
        });
  10.  
  11.     //注册点击事件
        btn2.addEventListener('click',()=>{
            const myname = sessionStorage.getItem('myname');
            const myage = sessionStorage.getItem('myage');
            const mysex = sessionStorage.getItem('mysex');
            console.log(myname, myage, mysex);
        })