lovecoding
/
W250511


			
				
					
						
						
							12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758
							<!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>
    <script>
        //向localStorage 存储数据 setItem 后边两个参数 第一个key值（变量名称） 第二个value值
        // localStorage.setItem('name','张三');
        // localStorage.setItem('age',18);
        // localStorage.setItem('sex','男');
        // localStorage.setItem('hobby',"篮球");
        // 获取数据 localStorage 数组
        // var userName = localStorage.getItem('name');
        // console.log(userName);
        // 删除数据 localStorage.removeItem(key值)
        // localStorage.removeItem('age');
        // 清空数据 localStorage.clear()
        // localStorage.clear();

        // 遍历localStorage
        // for(var i=0;i<localStorage.length;i++){
        //     var key = localStorage.key(i);
        //     var vlaue = localStorage.getItem(key);
        //     console.log(key,vlaue);
        // }

        // sessionStroage 
        // 设置sessionStorage
        sessionStorage.setItem('name','张三');
        sessionStorage.setItem('age',18);
        sessionStorage.setItem('sex','男');
        sessionStorage.setItem('hobby',"篮球");
        // 获取sessionStorage
        var userName = sessionStorage.getItem('name');
        console.log(userName);
        // 删除sessionStorage
        sessionStorage.removeItem('age');
        // 清空sessionStorage
        sessionStorage.clear();

        // localStorage 与 sessionStorage 区别
        // 会话：在打开或浏览页面的时候为会话。当关闭浏览器会话结束。
        // localStorage 本地存储 会话结束不失效 除非手动删除
        // sessionStorage 会话存储 会话结束失效

        // localStorage 与 sessionStorage 共同点
        // 1. 都是存储在浏览器端的
        // 2. 存储空间为5M
        // 3. 存储字符串类型的数据
        

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