document.cookie使用_document.cookieset-CSDN博客

本文链接：https://blog.csdn.net/i_am_a_div/article/details/109166086

<!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>
    <div>1</div>
    <script>
      // 1.设置cookie
      function addCookie(name, value, hours) {
        var cookieString = name + "=" + escape(value);
        //判断是否设置过期时间

        if (hours > 0) {
          var date = new Date();
          date.setTime(date.getTime + hours * 60 * 60 * 1000);
          cookieString = cookieString + "; expires=" + date.toGMTString();
        }
        document.cookie = cookieString;
      }
      addCookie("name", "小明", 10);

      //   2.获取cookie
      function getCookie(cookie_name) {
        var results = document.cookie.match(
          "(^|;) ?" + cookie_name + "=([^;]*)(;|$)"
        );

        if (results) return unescape(results[2]);
        else return null;
      }
      console.log(getCookie("name"));

      //   3.删除cookie
      function deleteCookie(name) {
        var date = new Date();
        date.setTime(date.getTime() - 10000);
        document.cookie = name + "=v; expires=" + date.toGMTString();
      }
      deleteCookie("name");
    </script>
  </body>
</html>