JavaScript Cookie 对象详解：读写、过期与限制

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 对象的全部内容了，希望大家能够喜欢。