本地存储的简单理解

最新推荐文章于 2025-12-05 08:37:05 发布

原创最新推荐文章于 2025-12-05 08:37:05 发布 · 235 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #vue.js

本文探讨了HTML5中的localStorage和sessionStorage的区别，介绍了如何使用它们存储和管理数据，以及它们在生命周期上的特点。重点讲解了在前端开发中常见的数据持久化手段和选择策略。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>存储</title>
</head>
<body>
    <script>
        /**
         * localStorage
         *
         * 存数据/修改数据： localStorage.setItem
         * 取数据 localStorage.getItem
         * 删除数据  localStorage.removeItem
         *
         * 浏览器关闭之后不会消失的 5M
         *
         *
         * sessionStorage
         * 存数据/修改数据： sessionStorage.setItem
         * 取数据 sessionStorage.getItem
         * 删除数据  sessionStorage.removeItem
         *
         * 页面关闭的时候存储的数据会消失
         *
         * cookie 设置过期时间 ， 如果不设置时间，随着对话关闭消失 （附件）
         *
         *
         *
         * 当前url 域名相关 重点
         *
         */

        // localStorage.setItem('aaa',1111)

        // console.log(localStorage.getItem('aaa'));

        // localStorage.removeItem('aaa')

        // sessionStorage.setItem('aaa',111)

        localStorage.setItem('localCoomon',JSON.stringify({name: '小胖',age: 18}))

    </script>
</body>
</html>