JavaScript 操作 Cookie 详解：原理、格式与持久化实现

Cookie 对象概述

Cookie 对象

Cookie 是一种以文件形式保存在客户端硬盘 Cookies 文件夹中的数据信息。该文件由访问的 Web 站点创建，旨在长期保存客户端与站点间的会话数据。出于安全考虑，Cookie 数据仅允许被创建它的 Web 站点读取，禁止跨域访问。

Cookie 文件的格式:

NS:Cookie.txt IE:用户名@域名.txt

JavaScript 写入 Cookie 的方法

javascript 写入Cookie

格式: document.cookie=”关键字=值[;expires=有效日期][;…]” 备注: 有效日期格式:Wdy,DD-Mon-YY HH:MM: SS Wdy/Mon : 英文星期/月份; 还包含path、domain、secure属性; 每个Web站点(domain)可建立20个Cookie数据; 每个浏览器可存储300个Cookie数据，4K字节； 客户有禁止Cookie数据的写入。

用js操作Cookie要比用jsp servlet来操作Cookie要麻烦的多

为什么在Cookie文件夹中看不到用来存放Session的Cookie文件？

Cookie 类型：持久性与会话

用两种类型的Cookie

持久性Cookie,会被存储到客户端的硬盘上。 会话Cookie:不会存储到客户端的硬盘上，而是放在浏览器进程所处的内存当中，当浏览器关闭则该会话Cookie就销毁了。

<!DOCTYPE html>
<html>
<head>
</head>
<body>
<script type="text/javascript">
var today=new Date();
    
var expireDay=new Date();
var msPerMonth=24*60*60*1000*31;
expireDay.setTime(today.getTime()+msPerMonth);
document.cookie="name=liujl;expires="+expireDay.toGMTString();
document.writeln("cookie已经写到硬盘上了");
document.writeln("内容是:"+document.cookie);
document.writeln("过期时间:"+expireDay.toGMTString());
</script>
</body>
</html>