sessionStorage存储

黄酱！

于 2022-02-09 19:36:00 发布

阅读量475

点赞数

CC 4.0 BY-SA版权

分类专栏： JS 文章标签：前端 javascript node.js

本文链接：https://blog.youkuaiyun.com/tianranran/article/details/122848416

JS 专栏收录该内容

91 篇文章

订阅专栏

本文深入探讨了sessionStorage在Web应用中的使用，包括它的基本原理、存储限制、生命周期以及如何在JavaScript中操作sessionStorage。通过实例展示了如何利用sessionStorage进行会话数据持久化，同时提到了与node.js环境下的交互方式。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<button>设置</button>
    <button>获取</button>
    <button>删除</button>
    <button>清空</button>
    <script>
        let aBtn = document.querySelectorAll('button')
        aBtn[0].addEventListener('click', ()=>{
            sessionStorage.setItem('username', '张三')
        }, false)
        aBtn[1].addEventListener('click', ()=>{
            let data = sessionStorage.getItem('username')
            console.log(data)
        }, false)
        aBtn[2].addEventListener('click', ()=>{
            sessionStorage.removeItem('username')
        }, false)
        aBtn[3].addEventListener('click', ()=>{
            sessionStorage.clear()
        }, false)