本文介绍 JavaScript 中 Cookie 对象的基本概念、类型及操作方法。详细讲解如何通过 document.cookie 属性写入持久性与会话 Cookie，读取数据以及设置过期时间以删除 Cookie。同时涵盖有效日期格式、path/domain 属性及浏览器对 Cookie 数量和大小的限制，附带完整 HTML 示例代码。
JavaScript Cookie
Cookie 对象概述
Cookie 对象概述
Cookie 是一种以文件形式保存在客户端硬盘 Cookies 文件夹中的用户数据信息。
Cookie 文件由所访问的 Web 站点建立，用于长久保存客户端与 Web 站点间的会话数据。该 Cookie 数据仅允许被所访问的 Web 站点读取。
Cookie 文件的格式因浏览器而异：
Netscape (NS) 浏览器格式为 Cookie.txt。
Internet Explorer (IE) 浏览器格式为 用户名@域名.txt。
Cookie 主要分为两种类型：
(1) 持久性 Cookie：会被存储到客户端的硬盘上。
(2) 会话 Cookie：不会存储到客户端的硬盘上，而是放在浏览器进程所处的内存当中。当浏览器关闭时，该会话 Cookie 即被销毁。
使用 JavaScript 操作 Cookie
使用 JavaScript 实现 Cookie 操作
写入 Cookie：
document.cookie = " 关键字 = 值 [ ; expires = 有效日期 ] [;...]"
读取 Cookie：
document.cookie
删除 Cookie：
document.cookie = " 关键字 = ; expires = 当前日期"
注意事项：
1. 有效日期格式为：Wdy,DD-Mon-YY HH:MM:SS GMT。
2. Wdy 代表英文星期，Mon 代表英文月份。
3. Cookie 还包含 path、domain、secure 属性。
4. 每个 Web 站点 (domain) 可建立 20 个 Cookie 数据。
5. 每个浏览器可存储 300 个 Cookie 数据，总大小限制为 4k 字节。
6. 客户有权禁止 Cookie 数据的写入。
实例演示
实例演示
代码如下:
<!DOCTYPE html>
<html>
<head>
<title>cookieTest.html</title>
<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="this is my page">
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<!--<link rel="stylesheet" type="text/css" href="./styles.css">-->
</head>
<body>
<script type="text/javascript">
var today = new Date();
var expiredDay = new Date();
var msPerMonth = 1000 * 60 * 60 * 24 * 30;
expiredDay.setTime(today.getTime() + msPerMonth); //一个月之后过期
//写入cookie
document.cookie = "name=mengdd;expires="+expiredDay.toGMTString();
document.writeln("cookie已经写到硬盘上了");
//读取cookie
document.writeln("内容是：" + document.cookie);
document.writeln("expire day: " + expiredDay.toGMTString());
</script>
</body>
</html>以上就是 javascript 中 cookie 对象的全部内容了，希望大家能够喜欢。