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


Posted in Javascript onMarch 18, 2015

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有所帮助。

Javascript 相关文章推荐
自动生成文章摘要的代码[JavaScript 版本]
Mar 20 Javascript
javascript实现的动态添加表单元素input,button等(appendChild)
Nov 24 Javascript
Ext第一周 史上最强学习笔记---GridPanel(基础篇)
Dec 29 Javascript
关于onScroll事件在IE6下每次滚动触发三次bug说明
Sep 21 Javascript
jQuery中:only-child选择器用法实例
Jan 03 Javascript
require.js 加载 vue组件 r.js 合并压缩的实例
Oct 14 Javascript
jquery组件WebUploader文件上传用法详解
Oct 23 Javascript
BootStrap实现响应式布局导航栏折叠隐藏效果(在小屏幕、手机屏幕浏览时自动折叠隐藏)
Nov 30 Javascript
微信小程序页面生命周期详解
Jan 31 Javascript
JavaScript封装的常用工具类库bee.js用法详解【经典类库】
Sep 03 Javascript
如何在postman测试用例中实现断言过程解析
Jul 09 Javascript
最新最全的手机号验证正则表达式
Feb 24 Javascript
jQuery选择id属性带有点符号元素的方法
Mar 17 #Javascript
jQuery统计指定子元素数量的方法
Mar 17 #Javascript
jquery让指定的元素闪烁显示的方法
Mar 17 #Javascript
多个jQuery版本共存的处理方案
Mar 17 #Javascript
jquery通过closest选择器修改上级元素的方法
Mar 17 #Javascript
jQuery判断元素上是否绑定了指定事件的方法
Mar 17 #Javascript
jQuery验证元素是否为空的两种常用方法
Mar 17 #Javascript
You might like
利用php+mysql来做一个功能强大的在线计算器
2010/10/12 PHP
PHP网页游戏学习之Xnova(ogame)源码解读(八)
2014/06/23 PHP
ThinkPHP中html:list标签用法分析
2016/01/09 PHP
PHP操作MySQL中BLOB字段的方法示例【存储文本与图片】
2017/09/15 PHP
PHP学习笔记之session
2018/05/06 PHP
Javascript & DHTML 实例编程(教程)(三)初级实例篇1—上传文件控件实例
2007/06/02 Javascript
根据身份证号自动输出相关信息(籍贯,出身日期,性别)
2013/11/15 Javascript
javascript动态生成树形菜单的方法
2015/11/14 Javascript
原生JavaScript编写canvas版的连连看游戏
2016/05/29 Javascript
关于JS 预解释的相关理解
2016/06/28 Javascript
jQuery fadeOut 异步实例代码详解
2016/08/18 Javascript
微信小程序-获得用户输入内容
2017/02/13 Javascript
防止Layui form表单重复提交的实现方法
2019/09/10 Javascript
AngularJs的$http发送POST请求,php无法接收Post的数据问题及解决方案
2020/08/13 Javascript
Python使用urllib2模块实现断点续传下载的方法
2015/06/17 Python
Python实现曲线点抽稀算法的示例
2017/10/12 Python
python中的变量如何开辟内存
2018/06/26 Python
django模板结构优化的方法
2019/02/28 Python
python tkinter基本属性详解
2019/09/16 Python
tensorflow之tf.record实现存浮点数数组
2020/02/17 Python
利用Python实现斐波那契数列的方法实例
2020/07/26 Python
Python模拟键盘输入自动登录TGP
2020/11/27 Python
运动鞋中的劳斯莱斯:索康尼(SAUCONY)
2017/08/09 全球购物
Tarte Cosmetics官网:美国最受欢迎的化妆品公司之一
2017/08/24 全球购物
Europcar德国:全球汽车租赁领域的领导者
2018/08/15 全球购物
经理秘书找工作求职信
2013/12/19 职场文书
机械制造专业个人的自我评价
2013/12/28 职场文书
消防应急演练方案
2014/02/12 职场文书
感恩老师的演讲稿
2014/05/06 职场文书
消防宣传口号
2014/06/16 职场文书
会计专业求职信
2014/08/10 职场文书
机关作风建设自查报告
2014/10/22 职场文书
2014年村委会工作总结
2014/11/24 职场文书
小石潭记导游词
2015/02/03 职场文书
工商局调档介绍信
2015/10/22 职场文书
MySQL优化常用的19种有效方法(推荐!)
2022/03/17 MySQL