本地存储 - 掘金

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