JavaScript 对 cookie 的基本操作封装

最新推荐文章于 2023-02-01 16:35:00 发布

新时代的弩力

最新推荐文章于 2023-02-01 16:35:00 发布

阅读量233

点赞数

分类专栏： JavaScript 文章标签： javascript 前端开发语言

本文链接：https://blog.csdn.net/qq_42372534/article/details/124668689

版权

JavaScript 专栏收录该内容

27 篇文章 0 订阅

订阅专栏

JavaScript 对 cookie 的基本操作封装

来自 JavaScript 高级程序设计(第四版)

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
    <style>
      body {
        height: 3000px;
        position: relative;
      }
      #status {
        width: 100px;
        height: 100px;
        background-color: #ff0;
      }
    </style>
  </head>
  <body>
    <script>
      class CookieUtil {
      	// 根据name获取cookie
        static get(name) {
          let cookieName = `${encodeURIComponent(name)}=`,
            cookieStart = document.cookie.indexOf(cookieName),
            cookieValue = null;

          if (cookieStart > -1) {
            let cookieEnd = document.cookie.indexOf(";", cookieStart);
            if (cookieEnd == -1) {
              cookieEnd = document.cookie.length;
            }
            cookieValue = decodeURIComponent(
              document.cookie.substring(
                cookieStart + cookieName.length,
                cookieEnd
              )
            );
          }
          return cookieValue;
        }
        // 设置cookie
        static set(name, value, expires, path, domain, secure) {
          let cookieText = `${encodeURIComponent(name)}=${encodeURIComponent(
            value
          )}`;
          if (expires instanceof Date) {
            cookieText += `; expires=${expires.toGMTString()}`;
          }
          if (path) {
            cookieText += `; path=${path}`;
          }
          if (domain) {
            cookieText += `; domain=${domain}`;
          }
          if (secure) {
            cookieText += `; secure`;
          }
          document.cookie = cookieText;
        }
        // 删除cookie,就是将过期时间设置为new Date(0)
        static unset(name, path, domain, secure) {
          CookieUtil.set(name, "", new Date(0), path, domain, secure);
        }
      }

      // 设置cookie
      CookieUtil.set("name", "nicholas");
      CookieUtil.set("book", "professional Javascript");

      // 读取cookie
      console.log(CookieUtil.get("name"));
      console.log(CookieUtil.get("book"));

      // 删除cookie
      CookieUtil.unset("name");
      CookieUtil.unset("book");

      // 设置有路径,域和过期时间的cookie
      CookieUtil.set("name", "dragon", new Date("2022-5-20"), "", "127.0.0.1");

      // 删除刚刚设置的cookie
      CookieUtil.unset("name");

      // 设置安全cookie
      CookieUtil.set("name", "dragon", null, null, null, true);
    </script>
    <script src="./test.js"></script>
  </body>
</html>

新时代的弩力

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
JavaScript 对 cookie 的基本操作封装

JavaScript 对 cookie 的基本操作封装来自 JavaScript 高级程序设计(第四版)<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <meta name="viewport" content="w
复制链接

扫一扫