javascript操作Cookie(设置、读取、删除)方法详解

 这篇文章主要详细向大家介绍了javascript操作Cookie的方法,包括设置、读取、删除操作,十分的细致全面,附上示例,是篇非常不错的文章,这里推荐给大家。

 
 

Cookie是客户端存放数据的一种方式,可用来做状态保持。

1.设置Cookie:

a.无过期时间:(若不设置过期时间,默认为会话级Cookie,浏览器关闭就会失效)

 

代码如下:

function setCookie(name,value) {
document.cookie = name + '=' + escape(value);
}

 

b.固定过期时间:

 

代码如下:

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();
}

 

c.自定义过期时间:

 

代码如下:

//设置自定义过期时间cookie
function setCookie(name,value,time)
{
var msec = getMsec(time); //获取毫秒
var exp = new Date();
exp.setTime(exp.getTime() + msec*1);
document.cookie = name + "="+ escape (value) + ";expires=" + exp.toGMTString();
}
//将字符串时间转换为毫秒,1秒=1000毫秒
function getMsec(DateStr)
{
var timeNum=str.substring(0,str.length-1)*1; //时间数量
var timeStr=str.substring(str.length-1,str.length); //时间单位前缀,如h表示小时

if (timeStr=="s") //20s表示20秒
{
return timeNum*1000;
}
else if (timeStr=="h") //12h表示12小时
{
return timeNum*60*60*1000;
}
else if (timeStr=="d")
{
return timeNum*24*60*60*1000; //30d表示30天
}
}

 

2.读取Cookie:

 

代码如下:

function getCookie(name)
{
var arr,reg=new RegExp("(^| )"+name+"=([^;]*)(;|$)"); //正则匹配
if(arr=document.cookie.match(reg)){
return unescape(arr[2]);
}
else{
return null;
}
}

 

3.删除Cookie:

 

代码如下:

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();
}
}

 

4.调用示例:

 

代码如下:

setCookie("name","hayden");
alert(getCookie("name"));

 

以上就是本文关于javascript操作cookie的全部内容了,希望能够对大家学习javascript有所帮助。

时间: 2024-10-31 06:44:32

javascript操作Cookie(设置、读取、删除)方法详解的相关文章

JavaScript操作class和style样式代码详解_javascript技巧

废话不多说了,直接给大家贴js代码了,具体代码如下所示: <!doctype html> <html> <head> <meta charset="utf-"> <title>无标题文档</title> <style> .fontSize { font-size:px; } .fontWeight { font-weight:bold; } </style> </head> &l

JavaScript中关键字 in 的使用方法详解_javascript技巧

for-in循环应该用在非数组对象的遍历上,使用for-in进行循环也被称为"枚举". 对于数组 ,迭代出来的是数组元素 但不推荐,因为不能保证顺序,而且如果在Array的原型上添加了属性,这个属性也会被遍历出来,所以 最好数组使用正常的for循环,对象使用for-in循环 对于对象 ,迭代出来的是对象的属性: var obj = { "key1":"value1", "key2":"value2", &q

Javascript中的迭代、归并方法详解_基础知识

迭代方法 在Javascript中迭代方法个人觉得尤为重要,在很多时候都会有实际上的需求,javascript提供了5个迭代方法来供我们操作,它们分别为: every() 对数组中的每一个项运用给定的函数,如果每项都返回true,那么就会返回true filter() 对数组中的每一个项运用给定的函数,把返回true的项组成一个新数组并返回 forEach() 对数组中的每一项运用给定的函数,但是没有任何的返回值 map() 对数组中的每一个项运用给定的函数并返回每次函数调用的结果组成新的数组

php禁用函数设置及查看方法详解_php技巧

本文实例讲述了php禁用函数设置及查看方法.分享给大家供大家参考,具体如下: 打开PHP.INI,找到这行: disable_functions = 在后面那里加上要禁用的函数,如禁用多个函数,要用半角逗号 , 分开 给个例子: 复制代码 代码如下: disable_functions = passthru,exec,system,popen,chroot,scandir,chgrp,chown,escapesh ellcmd,escapeshellarg,shell_exec,proc_ope

PHP带节点操作的无限分类实现方法详解_php技巧

本文实例讲述了PHP带节点操作的无限分类实现方法.分享给大家供大家参考,具体如下: 包含(移动多个节点:移动单个节点:删除多个节点:删除单个节点:新增节点),另附数据库表结构 一.db sql语句 //db used for php无限分类 create table tree( id int(10) not null primary key auto_increment, name varchar(255) not null, lft int(10) not null default 0, rg

javascript中call apply 与 bind方法详解_基础知识

在JavaScript中,call.apply和bind是Function对象自带的三个方法,本文将通过几个场景的应用,来详细理解三个方法. call() call() 方法在使用一个指定的this值和若干个指定的参数值的前提下调用某个函数或方法. 当调用一个函数时,可以赋值一个不同的 this 对象.this 引用当前对象,即 call 方法的第一个参数. 通过 call 方法,你可以在一个对象上借用另一个对象上的方法,比如Object.prototype.toString.call([]),

喜马拉雅FMAPP专辑删除方法详解

给各位喜马拉雅FM软件的使用者们来详细的解析分享一下专辑删除的方法. 方法分享: 1.在"我的"界面中,点击"节目管理";     2.在"节目管理"界面中,点击"我的专辑";     3.在"全部专辑"中,找到要删除的专辑,点击右侧的"┅";     4.在出现的选择列表中,选择"删除"即可.     好了,以上的信息就是小编给各位喜马拉雅FM的这一款软件的使用者们

微信红包记录怎么删除 微信红包记录删除方法详解

各位微信软件的用户们来详细的解析分享一下微信红包记录的删除方法. 方法分享: 微信红包记录保存在两个地方,一个是双方的聊天界面上,一个是在微信钱包的"微信红包"流水里."如果只是想删除两人对话框页面上的微信红包记录,可以直接删除两人的对话.而微信钱包里的微信红包数据,属于金融交易流水数据,确实无法删除." 微信钱包中的微信红包流水只有[收到的红包]才可以看到对方微信名,而[发出的红包]只能看到红包金额.时间等信息.长按微信名删除聊天记录,即可最大程度地隐藏发红包的隐

美柚APP消息删除方法详解

给各位美柚软件的使用者们来详细的解析分享一下消息删除的方法. 方法分享: 1.在美柚APP的主界面中,点击左上角的"邮件"按钮,进入"消息"界面;   2.在"消息"界面中,点击右上角的"编辑"按钮;   3.在编辑界面中,选择要删除的消息,然后进行删除即可.   好了,以上的信息就是小编给各位美柚的这一款软件的使用者们带来的详细的消息删除的方法解析分享的全部内容了,各位看到这里的软件使用者们,小编相信大家现在那是非常的清楚删

javascript操作数组的例子与函数详解介绍

1):join() 方法: 把一个数组的所有元素都转换成字符串. 比如: var  a  = [1,2,3]; var s =   a.join();   // 输出 s==1,2,3 当然也可以 指定一个分隔符: 比如; \s = a.join(","); 这个方法跟String.split()相反, split()将一个字符串分割成几个片段来创建数组: 2):reverse () 方法: 把一个数组颠倒. var  a   = new Array(1,2,3); a.reverse