JS cookie详解(增删改)

JavaScript中的一个机制:cookie。可以达到真正全局变量的要求。cookie是浏览器 提供的一种机制,它将document 对象的cookie属性提JavaScript。可以由JavaScript对其进行控制,而并不是JavaScript本身的性质。

构造通用的cookie处理函数:

         cookie的处理过程比较复杂,并具有一定的相似性。因此可以定义几个函数来完成cookie的通用操作,从而实现代码的复用。下面列出了常用的cookie操作及其函数实现。

1.添加一个cookie:addCookie(name,value,expiresHours)

该函数接收3个参数:cookie名称,cookie值,以及在多少小时后过期。这里约定expiresHours为0时不设定过期时间,即当浏览器关闭时cookie自动消失。该函数实现如下:

代码如下:

function  addCookie(name,value,expiresHours){

           var cookieString=name+"="+escape(value);

           //判断是否设置过期时间

          if(expiresHours>0){

                      var date=new Date();

                     date.setTime(date.getTime+expiresHours*3600*1000);

                    cookieString=cookieString+"; expires="+date.toGMTString();

}

        document.cookie=cookieString;

}

2.获取指定名称的cookie值:getCookie(name)

该函数返回名称为name的cookie值,如果不存在则返回空,其实现如下:

代码如下:

function getCookie(name){

           var strCookie=document.cookie;

           var arrCookie=strCookie.split("; ");

            for(var i=0;i<arrCookie.length;i++){

                      var arr=arrCookie[i].split("=");

                      if(arr[0]==name)return arr[1];

}

         return "";

}

3.删除指定名称的cookie:deleteCookie(name)

该函数可以删除指定名称的cookie,其实现如下:

代码如下:

function deleteCookie(name){

             var date=new Date();

            date.setTime(date.getTime()-10000);

           document.cookie=name+"=v; expires="+date.toGMTString();

}

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 什么是 Cookie “cookie 是存储于访问者的计算机中的变量。每当同一台计算机通过浏览器请求某个页面时,就...
    恩德_b0c2阅读 431评论 0 3
  • 作者:晚晴幽草轩www.jeffjade.com/2016/10/31/115-summary-of-cookie...
    饥人谷_Dylan阅读 1,231评论 0 51
  • 工厂模式类似于现实生活中的工厂可以产生大量相似的商品,去做同样的事情,实现同样的效果;这时候需要使用工厂模式。简单...
    舟渔行舟阅读 7,827评论 2 17
  • 背景在HTTP协议的定义中,采用了一种机制来记录客户端和服务器端交互的信息,这种机制被称为cookie,cooki...
    时芥蓝阅读 2,381评论 1 17
  • 我们要多少的刚刚好,才能遇见。 即使遇见 ,又要多少的的刚刚好才可以在一起。 即使在一起,又要多少的刚刚好才能相伴...
    凤尾竹澄阅读 116评论 0 0