JavaScript 实现 Cookie 的创建、读取与删除完整示例

作者:拾光时间:2026-10-28 14:48:39浏览:426

本文详细讲解如何在 JavaScript 中操作 Cookie,涵盖设置、读取和删除三个核心功能。通过提供完整的函数代码示例,演示如何利用 Date 对象控制过期时间,使用正则表达式匹配 Cookie 值,以及通过设置过期时间为过去时间来删除指定 Cookie。

JavaScript Cookie 操作详解

Cookie 是前端开发中非常实用的功能,常用于判断用户状态,在实际项目中的应用频率极高。

具体实现代码如下:

function setCookie(name,value)
    {  
var Days = 30;
var exp = new Date();
exp.setTime(exp.getTime() + Days*24*60*60*1000);
document.cookie = name + "="+ escape (value) + ";expires=" + exp.toGMTString();
var strsec = getsec(time);
var exp = new Date();
exp.setTime(exp.getTime() + strsec*1);
document.cookie = name + "="+ escape (value) + ";expires=" + exp.toGMTString();
    }  
//读取cookies
function getCookie(name)
    {  
var arr,reg=new RegExp("(^| )"+name+"=([^;]*)(;|$)");
if(arr=document.cookie.match(reg))
return (unescape(arr[2]));
else
return null;
    }  
//删除cookies
function delCookie(name)
    {  
var exp = new Date();
exp.setTime(exp.getTime() - 1);
var cval=getCookie(name);
if(cval!=null)
document.cookie= name + "="+cval+";expires="+exp.toGMTString();
    }  
作者最新文章