本地存储

最新推荐文章于 2025-08-21 18:01:40 发布

转载最新推荐文章于 2025-08-21 18:01:40 发布 · 49 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：https://juejin.im/post/5c822ccde51d4539f2516f4c

文章标签：

#json

本文深入探讨了Web本地存储机制，重点讲解了localStorage的使用方法，包括如何设置、读取和删除数据，以及数据类型转换和JSON操作。

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

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
</head>
<body>
    <script>
        // cookie session
        
        // localStorge： 

        // localStorage：本地存储的对象,存储的内容都是以键值对的形式存在这个对象上的，存储的内容不会自动清空；必须同源才能取到localStorage的内容

        // 存储的三种方法localStorage.name = 0；localStorage["name"] = 0；localStorage.setItem("name", 2);

        // localStorage存储的值都是string类型的

        // localStorage.name = 1;

        // localStorage["name"] = true;

        // // localStorage.setItem("name", 2);
        // console.log(localStorage);

        // localStorage获取属性的三种方法localStorage["name"]；localStorage.name;

        // console.log(localStorage.getItem("name"));
        

        // var obj = [{id: 1, name: "手机", price: 10, count: 1}]

        // localStorage.setItem("cart", JSON.stringify(obj));

        // console.log(JSON.parse(localStorage.getItem("cart")))


        // localStorage.removeItem("name");

        // localStorage.removeItem("name"); 删除本地存储的某个属性

        // localStorage.clear();
    </script>
</body>
</html>
复制代码