本文实例讲述了javascript针对cookie的基本操作。分享给大家供大家参考，具体如下：
js被C#、JAVA等开发者视为声名狼藉的附属编程语言是有道理的，比如说，对cookie的操作。js就没有一套类似C#的现成处理方案，而只能由你自己去完成。下面我就将自己学习的用面向对象的思想对cookie进行处理的学习笔记整理一下，以飨读者。
cookie的常见操作分析：
（1）设置cookie 包括了添加和修改功能，事实上如果原有cookie 名称已经存在，那么添加此cookie 就相当于修改了此cookie。在设置cookie 的时候可能还会有一些可选项，用于指cookie 的声明周期、访问路径以及访问域和安全性等等。为了让cookie 中能够存储中文，该方法中还需要对存储的值进行编码。
（2）取一个cookie的值，该方法接收cookie 名称为参数，返回该cookie 的值。因为在存储该值的时候已经进行了编码，所以取值时应该能自动解码，然后返回（这里其实可以自己设置返回什么，而不单单是"取一个值"而已）。
（3）删除一个cookie，删除cookie 只需将一个cookie 的过期事件设置为过去的一个时间即可，它接收一个cookie 的名称为参数，从而删除此cookie（我的实现还将cookie名称设置为空，这是考虑到今后可能会有多个cookie要设置的时候，名称发生冲突的情况）。
（4）其他 （这里让读者自己去考虑其他的操作，不赘述了。）
好的，你一定又猜到我要说什么了，对头，code is cheap.看代码：
/* 对cookie的操作 */
//创建
var Cookie = new Object();
//设置(修改)属性和方法
Cookie.setCookie = function(sName, sValue, oExpires, sPath, sDomain, bSecure) {
var sCookie = sName + "=" + escape(sValue); // 名称和值
if (oExpires) {
sCookie += "; expires=" + oExpires.toGMTString(); // 过期时间
}
if (sPath) {
sCookie += "; path=" + sPath; // 访问路径
}
if (sDomain) {
sCookie += "; domain=" + sDomain; // 访问路径
}
if (bSecure) {
sCookie += "; true"; // 安全性
}
document.cookie = sCookie;
}
//获取
Cookie.getCookie = function(sName) {
var cookieArray = document.cookie.split(";"); //得到分割的名值对
var tempCookie = new Object();
for (var i = 0; i < cookieArray.length; i++) {
var tempArr = cookieArray[i].split("="); //将名称和值分开
if (tempArr[0] == sName) { //如果是指定的cookie，返回它的值
return unescape(tempArr[1]);
}
}
return "There's no such a cookie name!";
}
//删除
Cookie.deleteCookie = function(sName, sPath, sDomain) {
var sCookie = sName + "=; expires=" + (new Date(0)).toGMTString(); // 设置名称为空，过期时间为0，也可以设置过期时间为负数 (var sCookie = sName + "=; expires=-1"; )
if (sPath) {
sCookie += "; path=" + sPath;
}
if (sDomain) {
sCookie += "; domain=" + sDomain;
}
document.cookie = sCookie;
}
function test() {
Cookie.setCookie("test", "cookieTest");
alert(Cookie.getCookie("test"));
alert(Cookie.getCookie("test2")); // "test");
alert(Cookie.getCookie("test"));
}
补充：javascript 操作cookie类
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;
}
}
用法：
一、设置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");
希望本文所述对大家JavaScript程序设计有所帮助。
免责声明：本站文章均来自网站采集或用户投稿，网站不提供任何软件下载或自行开发的软件！ 如有用户或公司发现本站内容信息存在侵权行为，请邮件告知！ 858582#qq.com
《魔兽世界》大逃杀！60人新游玩模式《强袭风暴》3月21日上线
暴雪近日发布了《魔兽世界》10.2.6 更新内容，新游玩模式《强袭风暴》即将于3月21 日在亚服上线，届时玩家将前往阿拉希高地展开一场 60 人大逃杀对战。
艾泽拉斯的冒险者已经征服了艾泽拉斯的大地及遥远的彼岸。他们在对抗世界上最致命的敌人时展现出过人的手腕，并且成功阻止终结宇宙等级的威胁。当他们在为即将于《魔兽世界》资料片《地心之战》中来袭的萨拉塔斯势力做战斗准备时，他们还需要在熟悉的阿拉希高地面对一个全新的敌人──那就是彼此。在《巨龙崛起》10.2.6 更新的《强袭风暴》中，玩家将会进入一个全新的海盗主题大逃杀式限时活动，其中包含极高的风险和史诗级的奖励。
《强袭风暴》不是普通的战场，作为一个独立于主游戏之外的活动，玩家可以用大逃杀的风格来体验《魔兽世界》，不分职业、不分装备（除了你在赛局中捡到的），光是技巧和战略的强弱之分就能决定出谁才是能坚持到最后的赢家。本次活动将会开放单人和双人模式，玩家在加入海盗主题的预赛大厅区域前，可以从强袭风暴角色画面新增好友。游玩游戏将可以累计名望轨迹，《巨龙崛起》和《魔兽世界：巫妖王之怒 经典版》的玩家都可以获得奖励。