JavaScript Cookie

一、Cookie简介

  • Cookie用于在网页中存储用户信息
  • Cookie是一些数据,存储于电脑中小的文本文件中。
  • 当 web 服务器向浏览器发送网页后,连接被关闭,服务器会忘记用户的一切。Cookie 是为了解决“如何记住用户信息”而发明的:
  1. 当用户访问网页时,他的名字可以存储在 cookie 中。
  2. 下次用户访问该页面时,可以在 cookie 中读取用户访问记录。

Cookie以名/值对的方式存储,如下所示:

//username = John Doe;

当浏览器从服务器请求一个网页时,将属于该页的 cookie 添加到该请求中。服务端通过这种方式来获取用户的信息。

二、创建Cookie

     //设置cookie
    document.cookie = "user=maodou";

给cookie设置有效日期。默认情况下,cookie 在浏览器关闭时删除

    document.cookie = "_key=num;expires = Wed, 27 Jan 2021 16:15:50 GMT";

使用 path 参数告诉浏览器 cookie 的路径。默认情况下,cookie 属于当前页面。

    document.cookie = "_key=num;expires= Wed, 27 Jan 2021 16:20:50 GMT; path=/";

 三、读取Cookie

    console.log(document.cookie);

四、修改Cookie

在 JavaScript 中,修改 cookie 类似于创建 cookie

   document.cookie = "user = maodou;expires = Wed, 27 Jan 2021 16:35:02 GMT";

 五、删除Cookie

删除 cookie 非常简单。只需要设置 expires 参数为以前的时间即可

document.cookie = "user = maodou;expires = Wed, 27 Jan 2021 16:00:02 GMT";

 

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值