Home > Web Front-end > JS Tutorial > JavaScript operation cookie class instance_javascript skills

JavaScript operation cookie class instance_javascript skills

WBOY
Release: 2016-05-16 16:06:51
Original
1024 people have browsed it

The example in this article describes the JavaScript operation of cookie class. Share it with everyone for your reference. The details are as follows:

Usage:

1. Set cookies

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");
Copy after login

2. Read cookies

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

3. Delete

cookie .Expire("key1");
cookie .Expire("key2");
cookie .Expire("key3");
cookie .Expire("key4");
Copy after login

Example:

<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>
Copy after login

This is it.

I hope this article will be helpful to everyone’s JavaScript programming design.

Related labels:
source:php.cn
Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Popular Tutorials
More>
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template