HTML - DOM 文档 cookie 属性

HTML DOM document 的 **cookie** 属性用于创建、读取和删除 cookie。网站使用 cookie 来跟踪用户特定的信息。cookie 采用键值对格式。cookie 在浏览器关闭时会被删除，但您可以为其指定过期日期。

语法

设置 cookie

document.cookie = newCookie;

获取 cookie

document.cookie;

参数

在上述语法中，**newCookie** 是字符串类型，并且是名称-值对的用分号分隔的列表。下面列出的参数被 cookie 属性接受。

参数	描述
expires=date	以 GMT 格式指定日期。默认情况下，cookie 在浏览器关闭时会被删除。
path=path	指定计算机上存储 cookie 的目录路径。只能使用绝对路径。
domain=domainname	指定您网站的域名。如果未指定，则使用当前文档域名。
Secure	告诉浏览器使用 https 协议将 cookie 发送到服务器。

返回值

此方法的返回类型为字符串，包含所有 cookie 的用分号分隔的列表。

HTML DOM 文档“cookie”属性示例

以下示例说明如何获取和设置 cookie。

获取文档的 Cookie

查看以下关于如何获取 cookie 的示例。

<!DOCTYPE html>
<html lang="en">
<head>
    <title>HTML DOM cookie Property</title>
</head>
<body>
   <h3>HTML DOM Document cookie Property</h3>
   <p>Click below button to get cookie</p>
   <button type="button" onclick="cookiess()">Get cookie</button>
   <p id="cookie"></p>
   <script>
      function cookiess(){
         var x=document.cookie;
         document.getElementById("cookie").innerHTML="cookie: "+x;
      }
   </script>
</body>
</html>

设置文档的 Cookie

查看以下关于如何创建和显示 cookie 的示例。

<!DOCTYPE html>
<html lang="en">
<head>
    <title>HTML DOM cookie Property</title>
</head>
<body>
   <h3>HTML DOM Document cookie Property</h3>
   <p>Click below button to create a cookie</p>
   <button type="button" onclick="cookiess()">Create cookie</button>
   <p id="cookie"></p>
   <script>
      function cookiess(){
         var x=document.cookie;
         x="username=TutorialsPoint;class=Education;location=India;expires=Wed, 15 June 2024 11:04:00 UTC";
         document.getElementById("cookie").innerHTML="cookie: "+x;
      }
   </script>
</body>
</html>

Cookie 和本地存储之间的区别

Cookie	本地存储
Cookie 用于客户端-服务器应用程序。	本地存储用于客户端应用程序。
有过期日期。	除非客户端自己清除，否则没有过期日期。
大小限制为 4KB。	大小限制为 5KB。

支持的浏览器

属性
cookie	是 1	是 12	是 1	是 1	是 3

打印页面