本地储存Cookie

最新推荐文章于 2024-07-02 15:58:13 发布

m0_54958874

最新推荐文章于 2024-07-02 15:58:13 发布

阅读量136

点赞数 1

分类专栏：本地储存文章标签： html5 javascript

本文链接：https://blog.csdn.net/m0_54958874/article/details/114677460

版权

本地储存专栏收录该内容

2 篇文章 0 订阅

订阅专栏

本文探讨了HTML5中Cookie的使用，以及如何通过JavaScript进行操作，包括设置、读取和删除Cookie，重点讲解其在本地储存中的应用。

摘要由CSDN通过智能技术生成

Cookie

<!-

- cookie 为什么有cookie？
    http 上下文无关，无状态协议
    set-cookir  服务器 设置 

        1、cookie 不可跨域
        2、cookie存储在浏览器里面
        3、cookie 有数量与大小的限制
            1、数量在50个左右
            2、大小在4kb左右
        4、cookie存储的时间非常灵活
        5、cookie不光可以服务器设置，客户端也可以设置

        document.cookie  可读取可设置 形式是
        key:value

        cookie的属性
            1、name   cookie的名字、唯一性  是字符串形式、
                      document.cookie = 'name=lhw';
            2.value   cookie的值
            3、domain  设置cookie在那个域下是有效的
            4.path      cookie的路径  
            5、expores  cookie的过期时间  具体的时间点  
                    GMT 格林尼治时间
                    UTC 协调世界时
            6、max-age cookie的有效期  时间段
                -1 临时的cookie 不会自动生成
                0   时间到了 消灭
                正数 能存活多少时间
             7、HTTPOnly  有这个标记的cookie、前端无法获取
             8、Secure 设置cookie只能通过HTTPS协议传输   
             9、SameSite 设置cookie在跨域请求的时候不能被发送

// document.cookie = 'name=lhw';

–>
<

script>
        document.cookie = 'age=19';

        // cookie 属性
        document.cookie = 'color=red; domain=127.0.0.1; path=/docs';
        console.log(new Date());
        document.cookie = 'margin=20; expires=' + new Date(2102, 1, 1);

        document.cookie = 'padding=20; max-age=2';

        setTimeout(function() {
            console.log(document.cookie);
        }, 1000);

        setTimeout(function() {
            console.log(document.cookie);
        }, 3000);
    </script>