目录

HTML DOM 文档 cookie

示例

获取与此文档关联的所有 cookie:

let allCookies = document.cookie;
亲自试一试 »

描述

这个cookie属性设置或返回以分号分隔的键=值对(文档cookie)列表。

创建 cookie 的示例:

document.cookie="username=John Doe; expires=Thu, 18 Dec 2013 12:00:00 UTC; path=/";

笔记

Cookie 不能包含逗号、分号或空格。

encodeURIComponent() 方法确保他们不会。

也可以看看:

JavaScript Cookie 教程

建议:

有时存储 API 是一个更好的工具:

localStorage 属性

sessionStorage 属性



语法

返回cookie:

document.cookie

设置cookie:

document.cookie = newCookie

范围

名称=值

expires=date
A date in GMT format (Use the Date.toUTCString method).
Default value: The cookie is deleted when the browser is closed.

max-age=seconds
The max age before the cookie is deleted.
If to 0 or a date in the past, the cookie is deleted.

path=path
An absoulute path to the directory the cookie belongs to ('/dir').
Default value: Current directory.

domain=domainname
The domain of the site ('example.com').
Default value: The domain of the document.

secure
Use a secure protocol (https) for sending the cookie to the server.

返回值

类型 描述
字符串 以分号分隔的键=值对列表(文档cookie)。

Cookie 与本地存储

Cookie 适用于客户端-服务器(浏览器-服务器)应用程序。

本地存储用于客户端(浏览器)应用程序。

Cookie 与网站相关联。如果数据供客户端使用,则在每个 HTTP 标头中发送 cookie 会浪费带宽。

一些用户通常在其浏览器中禁用 cookie。

Cookie 的大小限制为 4 KB。每个域的本地存储限制为 5 MB。

Cookie 有有效期。本地存储还没有。


浏览器支持

document.cookie是 DOM Level 2 (2001) 功能。

所有浏览器都完全支持它:

Chrome Edge Firefox Safari Opera IE
Yes Yes Yes Yes Yes 9-11