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

列印頁面