JavaScript操作cookie类实例

 更新时间:2015年03月31日 09:04:21   作者:xugang  
这篇文章主要介绍了JavaScript操作cookie类,实例分析了javascript针对cookie的设置、读取、删除等常用技巧,非常具有实用价值,需要的朋友可以参考下

本文实例讲述了JavaScript操作cookie类。分享给大家供大家参考。具体如下:

用法:

一、设置cookie

var cookie = new JSCookie();
// 普通设置
cookie .SetCookie("key1","val1");
// 过期时间为一年
var expire_time = new Date();
expire_time.setFullYear(expire_time.getFullYear() + 1);
cookie .SetCookie("key2","val2",expire_time);
// 设置域及路径,带过期时间
cookie .SetCookie("key3","val3",expire_time,".cnblogs.com","/");
// 设置带子键的cookie,子键分别是k1,k2,k3
cookie .SetCookie("key4","k1=1&k2=2&k3=3");

二、读取cookie

// 简单获取
cookie .GetCookie("key1");
cookie .GetCookie("key2");
cookie .GetCookie("key3");
cookie .GetCookie("key4");
// 获取key4的子键k1值
cookie .GetChild("key4","k1");

三、删除

cookie .Expire("key1");
cookie .Expire("key2");
cookie .Expire("key3");
cookie .Expire("key4");

示例:

<script type="text/javascript">
 String.prototype.Trim = function()
 {
   return this.replace(/^\s+/g,"").replace(/\s+$/g,"");
 }
 function JSCookie()
 {
   this.GetCookie = function(key)
   {
     var cookie = document.cookie;
     var cookieArray = cookie.split(';');
     var getvalue = "";
     for(var i = 0;i<cookieArray.length;i++)
     {
       if(cookieArray[i].Trim().substr(0,key.length) == key)
       {
         getvalue = cookieArray[i].Trim().substr(key.length + 1);
         break;
       }
     }
     return getvalue;
   };
   this.GetChild = function(cookiekey,childkey)
   {
     var child = this.GetCookie(cookiekey);
     var childs = child.split('&');
     var getvalue = "";
     for(var i = 0;i < childs.length;i++)
     {
       if(childs[i].Trim().substr(0,childkey.length) == childkey)
       {
         getvalue = childs[i].Trim().substr(childkey.length + 1);
         break;
       }
     }
     return getvalue;
   };
   this.SetCookie = function(key,value,expire,domain,path)
   {
     var cookie = "";
     if(key != null && value != null)
       cookie += key + "=" + value + ";";
     if(expire != null)
       cookie += "expires=" + expire.toGMTString() + ";";
     if(domain != null)
       cookie += "domain=" + domain + ";";
     if(path != null)
       cookie += "path=" + path + ";";
     document.cookie = cookie;
   };
   this.Expire = function(key)
   {
     expire_time = new Date();
     expire_time.setFullYear(expire_time.getFullYear() - 1);
     var cookie = " " + key + "=e;expires=" + expire_time + ";"
     document.cookie = cookie;
   }
 }
</script>

至此完毕.

希望本文所述对大家的javascript程序设计有所帮助。

相关文章

  • 微信小程序实现电子签名并导出图片

    微信小程序实现电子签名并导出图片

    这篇文章主要为大家详细介绍了微信小程序实现电子签名,并导出图片,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2020-05-05
  • var与Javascript变量隐式声明

    var与Javascript变量隐式声明

    在JavaScript中,var用来声明变量,但是这个语法并不严格要求,很多时修改,我们可以直接使用一个变量而不用var声明它。
    2009-09-09
  • 浅述Javascript的外部对象

    浅述Javascript的外部对象

    本文主要对Javascript的外部对象进行介绍,列举了具体实例。便于理解。有需要的朋友可以看下
    2016-12-12
  • JS获得鼠标位置(兼容多浏览器ie,firefox)脚本之家修正版

    JS获得鼠标位置(兼容多浏览器ie,firefox)脚本之家修正版

    这段代码经过测试,支持ie和ff是个不错的代码,并修正了错误,希望大家先运行测试下
    2008-11-11
  • javascript函数中的3个高级技巧

    javascript函数中的3个高级技巧

    这篇文章主要为大家详细介绍了javascript函数中的3个高级技巧,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2016-09-09
  • 微信小程序使用wx.navigateTo路由跳转层级限制问题小结

    微信小程序使用wx.navigateTo路由跳转层级限制问题小结

    在微信小程序开发中,wx.navigateTo和wx.redirectTo是两种页面跳转方式,wx.navigateTo允许跳转到新页面并保留当前页面,适合需要返回的场景,但受页面栈10层限制,wx.redirectTo则关闭当前页面后跳转,本文介绍微信小程序使用wx.navigateTo路由跳转层级限制问题
    2024-10-10
  • jsjiami.v6解密原理示例分析

    jsjiami.v6解密原理示例分析

    这篇文章主要为大家介绍了jsjiami.v6解密原理示例分析,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2023-04-04
  • 浅谈Webpack 是如何加载模块的

    浅谈Webpack 是如何加载模块的

    这篇文章主要介绍了Webpack 是如何加载模块的,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2018-05-05
  • Javascript实现简易天数计算器

    Javascript实现简易天数计算器

    这篇文章主要为大家详细介绍了Javascript实现简易天数计算器,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2020-05-05
  • js弹出层(jQuery插件形式附带reLoad功能)

    js弹出层(jQuery插件形式附带reLoad功能)

    之前的弹出层做的挺好,但是代码结构有问题,这次用到了,重构了一下,改为jQuery的插件形式,感觉还不错,有兴趣的朋友可以参考下,希望可以帮助到你
    2013-04-04

最新评论