lovecoding
/
W250913


			
							1234567891011121314151617181920212223242526272829303132333435363738394041424344
							<!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 sessionStorage
        // localStorage 本地存储 永久存储 除非手动删除 否则会一直存在
        // sessionStorage 会话存储 会话结束后会自动删除
        // localStorage sessionStorage 使用场景
        // localStorage 存储用户偏好
        // sessionStorage 存储用户登录信息 用户名 密码 手机号 邮箱 等
        // 存储数据
        localStorage.setItem("username","张三");
        sessionStorage.setItem("userphone","13800000000");
        // 获取数据
        var username = localStorage.getItem("username");
        console.log(username);
        var userphone = sessionStorage.getItem("userphone");
        console.log(userphone);
        // 删除数据 可以删除指定的数据
        // localStorage.removeItem("username");
        // sessionStorage.removeItem("userphone");
        // 清空数据 一次性全部清空
        // localStorage.clear();
        // sessionStorage.clear();


        // 注意事项
        // localStorage sessionStorage 只能存储字符串类型的数据
        // localStorage sessionStorage 与 cookie 区别
        // localStorage sessionStorage 存储数据大小 5MB 及以上
        // cookie 存储数据大小 4KB 左右
        // cookie 会自动过期 可以设置过期时间 过期后会自动删除
        // localStorage 没有过期时期 除非手动删除 否则会一直存在
        // sessionStorage 会话存储 会话结束后会自动删除 比如关闭浏览器数据就消失
        // cookie 会随着请求发送到服务器 可以用于存储用户登录信息
        // localStorage sessionStorage 不会随着请求发送到服务器
    </script>
</body>
</html>