sessionStorage存储

理解Web Storage：sessionStorage

最新推荐文章于 2025-09-24 16:10:03 发布

原创最新推荐文章于 2025-09-24 16:10:03 发布 · 492 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#前端 #javascript #node.js

JS 专栏收录该内容

91 篇文章

订阅专栏

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

<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)