lovecoding
/
web0331


			
				
					
						
						
							12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849
							<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    
    
    <!-- 
        WebStorage 和 Cookie 
        本地存储：localStorage：除非手动删除 否则不会消失
        会话存储：SessionStorage：关闭页面就会消失
    -->
        <script>
            // 设置
            localStorage.setItem("name","Lucy")
            localStorage.age = 18;
            localStorage["sex"] = "女";

            // 读取
            console.log(localStorage.getItem("name"))
            console.log(localStorage.age)
            console.log(localStorage["sex"])

            // 删除一条
            // localStorage.removeItem("name")

            // 删除全部
            // localStorage.clear();

            // 得到某个下表索引的key值
            console.log(localStorage.key(0))

            let list = [{
                name:"aa",
                id:1
            },{
                name:"bb",
                id:2
            },{
                name:"cc",
                id:3
            }]
            localStorage.setItem("newList",JSON.stringify(list))
        </script>
</body>
</html>