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

作者:小括号

时间:2026-10-28

浏览:557

本文深入解析 JavaScript 中 Cookie 的工作原理,涵盖其存储格式、浏览器限制及读写方法。重点区分持久性 Cookie 与会话 Cookie,并提供使用 Date 对象设置 expires 属性的完整代码示例,帮助开发者掌握客户端数据持久化技巧。

文章目录

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就销毁了。

持久性 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>

实用工具推荐

电子包浆

绿化、压缩、噪点和虚拟水印,自由调节做旧程度。

使用 ›
图片压缩

选择画质和输出格式,预览压缩前后的大小。

使用 ›
相关文章