JavaScript如何使用Cookie存值

embedded/2024/10/21 5:48:22/

在JavaScript中,可以使用document.cookie来设置、读取或删除Cookie。以下是一个如何使用document.cookie来存储一个值的简单示例:

设置Cookie:

javascript">// 假设我们有一个值要存储  
let valueToStore = 'Hello, World!';  // 设置Cookie的名称、值和过期时间  
// 注意:这里为了简单起见,我们没有设置域名、路径和Secure/HttpOnly标志  
// 但在生产环境中,你应该考虑设置这些属性以提高安全性  
let cookieName = 'myCookie';  
let expires = new Date();  
expires.setTime(expires.getTime() + (1 * 24 * 60 * 60 * 1000)); // 设置过期时间为1天后  document.cookie = `${cookieName}=${encodeURIComponent(valueToStore)};expires=${expires.toUTCString()};path=/`;

在这个例子中,我们使用encodeURIComponent来确保值中的任何特殊字符都被正确编码,以便它们可以安全地存储在Cookie中。我们还设置了过期时间和路径。

读取Cookie:

javascript">// 读取名为'myCookie'的Cookie的值  
function getCookie(name) {  let cookieArray = document.cookie.split('; '); // 注意:这里假设cookie之间用'; '分隔  for (let i = 0; i < cookieArray.length; i++) {  let cookiePair = cookieArray[i].split('=');  if (decodeURIComponent(cookiePair[0]) === name) {  return decodeURIComponent(cookiePair[1]);  }  }  return null;  
}  let cookieValue = getCookie('myCookie');  
console.log(cookieValue); // 输出: Hello, World!

getCookie函数中,我们首先使用split方法将document.cookie字符串分割成一个数组,其中每个元素都是一个单独的Cookie(假设它们用; 分隔)。然后,我们遍历这个数组,检查每个Cookie的名称是否匹配我们要查找的名称。如果找到匹配项,我们就返回解码后的值。

删除Cookie:

要删除一个Cookie,只需将其过期时间设置为一个过去的日期即可:

javascript">let expires = new Date();  
expires.setTime(expires.getTime() - (1 * 24 * 60 * 60 * 1000)); // 设置过期时间为1天前  document.cookie = `myCookie=;expires=${expires.toUTCString()};path=/`;

http://www.ppmy.cn/embedded/41941.html

相关文章

线性系统(二)

线性系统&#xff08;二&#xff09; 1.直观理解线性方程组结构2. 不同解的结论3. 更一般的高斯-约旦消元法4.齐次线性方程组 链接: 线性系统&#xff08;一&#xff09; 1.直观理解线性方程组结构 长这样&#xff0c;方程就有解&#xff0c;即相交坐标。 长这样&#xff0c;…

gitlab webhook触发jenkins任务

配置jenkins 安装gitlab插件 配置jenkins job 选择gitlab webhook触发 在高级中生成token 代码仓设置 新增webhook 配置webhook 测试连接 缺点&#xff0c;不能带gitLab事件的参数&#xff01;&#xff01;&#xff01;

el-table组件选中后使用toggleRowSelection无法取消已选中的数据——bug记录-骚操作解决

先说本文重点解决的问题&#xff1a; 存在的问题&#xff1a;当右侧已选中的数据中&#xff0c;删除了左侧其他页面的数据&#xff0c;但是左侧数据切换到其他页面后&#xff0c;左侧还保留选中的状态。 最近在写后台管理系统的时候&#xff0c;遇到一个需求&#xff1a; 左…

项目-坦克大战

增加功能 我方坦克在发射的子弹消亡后&#xff0c;才能发射新的子弹。同时实现发多颗子弹 1&#xff0c;在按下J键&#xff0c;我们判断当前hero对象的子弹&#xff0c;是否已经销毁2&#xff0c;如果没有销毁&#xff0c;就不去触发shotEnemyTank3&#xff0c;如果已经销毁&…

Microsoft 安全Copilot:适时而生的得力工具

随着数字化转型的加速&#xff0c;网络安全威胁日益增多&#xff0c;Microsoft Copilot for Security的出现恰逢其时&#xff0c;它将帮助我们更好地应对这些挑战&#xff0c;保护我们的数据和系统免受攻击。 ✦什么是Microsoft 安全Copilot✦ 概述 Microsoft 安全 Copilot 是…

SAP BSEG VS ACDOCA 差异

温习一下 ACDOCA VS BSEG matinal&#xff1a;S4 HANA 详解ACDOCA与BSEG的区别都在这了_sap acdoca-CSDN博客

java如何处理大文件

Java中处理大文件时&#xff0c;通常需要采取一些特定的策略来避免内存溢出或性能问题。以下是一些处理大文件的建议&#xff1a; 使用流&#xff08;Streams&#xff09;&#xff1a; 使用InputStream和OutputStream的派生类&#xff08;如FileInputStream, BufferedInputStr…