原生js操作cookie

最新推荐文章于 2023-07-03 19:04:00 发布

web_blog

最新推荐文章于 2023-07-03 19:04:00 发布

阅读量512

点赞数

分类专栏：总结 javascript

本文链接：https://blog.csdn.net/qq_43248623/article/details/107981093

版权

javascript 同时被 2 个专栏收录

51 篇文章 0 订阅

订阅专栏

总结

29 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <meta http-equiv="X-UA-Compatible" content="ie=edge" />
    <title>原生js操作cookie</title>
  </head>
  <body>
    <script>
      // 1. 获得cookie名对应的值
      //   function getCookie(cname) {
      //     var name = cname + "=";
      //     var ca = document.cookie.split(";");
      //     for (var i = 0; i < ca.length; i++) {
      //       var c = ca[i].trim();
      //       if (c.indexOf(name) == 0) {
      //         return c.substring(name.length, c.length);
      //       }
      //     }
      //     return "";
      //   }
      //   console.log(getCookie("aa"));

      // 2. 设置cookie，设置cookie就是给cookie赋值name,value,days,所对应的含义是名，值，过期时间
      // 直接设置cookie赋值语句
      document.cookie = "name=value;expires=GMT_String";
      // 以函数方式
      function setcookie(name, value, days) {
        var d = new Date();
        d.setTime(d.getTime() + days * 24 * 60 * 60 * 1000);
        // d.setTime(
        //   d.getTime() + days * 24 * 60 * 60 * 1000 + 8 * 60 * 60 * 1000
        // );

        var expires = d.toGMTString();
        document.cookie = name + "=" + value + ";expires=" + expires;
      }
      // setcookie("name", "value", -0.3333134499); // 让时间无限接近相差为8小时整 过一会儿几秒中 浏览器 就会自动删除cookie
      // setcookie("name", "value", 0.000019); // 让时间无限接近相差为8小时整 过一会儿几秒中 浏览器 就会自动删除cookie

      // 案例1: 设置7天后 浏览器自动删除cookie
      setcookie("name", "value", 7);

      // 3. 删除cookie就是将cookie的国企时间设置为0或者负数或者以前的时间。删除cokie时可以不指定cookie的值。
      //   function delCookie(name) {
      //     // 删除cookie
      //     document.cookie = name + "=;expires=" + new Date(0).toGMTString();
      //   }
      //   delCookie("name");
    </script>
  </body>
</html>

web_blog

关注

0
点赞
踩
3

收藏

觉得还不错? 一键收藏
0
评论
原生js操作cookie

<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta http-equiv="X-UA-Compatible" content="ie=edge" /> <titl
复制链接

扫一扫