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

前端之家收集整理的这篇文章主要介绍了javascript操作Cookie(设置、读取、删除)方法详解前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

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


@H
4040@

1.设置Cookie:


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


@H_404_0@<div class="codetitle"><a style="CURSOR: pointer" data="85380" class="copybut" id="copybut85380" onclick="doCopy('code85380')"> 代码如下:
<div class="codebody" id="code85380">
function setCookie(name,value) {
document.cookie = name + '=' + escape(value);
}

@H_404_0@b.固定过期时间:

@H_404_0@
代码如下:
404_0@c.自定义过期时间:

@H_404_0@
代码如下:
自定义过期时间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 timeNum1000;
}
else if (timeStr=="h") //12h表示12小时
{
return timeNum
60601000;
}
else if (timeStr=="d")
{
return timeNum2460601000; //30d表示30天
}
}

@H_404_0@

2.读取Cookie:

@H_404_0@
代码如下:

@H_404_0@

3.删除Cookie:

@H_404_0@
代码如下:
404_0@

4.调用示例:

@H_404_0@
代码如下:

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

猜你在找的JavaScript相关文章