web本地存储

最新推荐文章于 2024-06-12 11:59:04 发布

我要学前端！

最新推荐文章于 2024-06-12 11:59:04 发布

阅读量62

点赞数

分类专栏： Vue2笔记文章标签： javascript 前端

本文链接：https://blog.csdn.net/min0320/article/details/129838768

版权

Vue2笔记专栏收录该内容

31 篇文章 0 订阅

订阅专栏

localStrorage

<body>
    <h2>localStrorage</h2>
    <button onclick="savaData()">点我保存一个数据</button>
    <button onclick="readData()">点我读取一个数据</button>
    <button onclick="deleteData()">点我删除一个数据</button>
    <button onclick="deleteData()">清空全部数据</button>

</body>

<script>
    let p = { name: '张三', age: 18 }
    // 保存数据
    function savaData() {
        localStorage.setItem('msg', '你好啊！')
        localStorage.setItem('msg2', 666)
        localStorage.setItem('msg3', JSON.stringify(p))
    }
    // 读取数据
    function readData() {
        localStorage.getItem('msg')
        localStorage.getItem('msg2')
        console.log(localStorage.getItem('msg3'));
        localStorage.getItem('msg555')

    }
    // 删除数据
    function deleteData() {
        localStorage.removeItem('msg')
        localStorage.removeItem('msg2')
        localStorage.removeItem('msg3')
    }
    // 清空数据
    function deleteAllData() {
        localStorage.clear()
    }
</script>

</html>

sessionStorage

<body>
    <h2>sessionStorage</h2>
    <button onclick="savaData()">点我保存一个数据</button>
    <button onclick="readData()">点我读取一个数据</button>
    <button onclick="deleteData()">点我删除一个数据</button>
    <button onclick="deleteData()">清空全部数据</button>

</body>

<script>
    let p = { name: '张三', age: 18 }
    // 保存数据
    function savaData() {
        sessionStorage.setItem('msg', '你好啊！')
        sessionStorage.setItem('msg2', 666)
        sessionStorage.setItem('msg3', JSON.stringify(p))
    }
    // 读取数据
    function readData() {
        sessionStorage.getItem('msg')
        sessionStorage.getItem('msg2')
        console.log(sessionStorage.getItem('msg3'));
        sessionStorage.getItem('msg555')

    }
    // 删除数据
    function deleteData() {
        sessionStorage.removeItem('msg')
        sessionStorage.removeItem('msg2')
        sessionStorage.removeItem('msg3')
    }
    // 清空数据
    function deleteAllData() {
        sessionStorage.clear()
    }
</script>

</html>