一.设置cookie
每个cookie都是一个键/值对,可以把一个字符串赋值给document.cookie,如:document.cookie="userId=828";
如果要一次存储多个键/值对,可以使用分号加空格(; )隔开,如: document.cookie="userId=828; userName=bj";
在cookie的键或值中不能使用分号(;)、逗号(,)、等号(=)以及空格。在cookie的键中做到这点很容易,但要保存的值是不确定的。如何来存储这些值呢?
方法是用escape()函数进行编码,它能将一些特殊符号使用十六进制表示,例如空格将会编码为“20%”,从而可以存储于cookie值中,而且使用此种方案还可以避免中文乱码的出现。如: document.cookie="str="+escape("I love ajax");
相当于: document.cookie="str=I%20love%20ajax";
当使用escape()编码后,在取出值以后需要使用unescape()进行解码才能得到原来的cookie值。
尽管document.cookie看上去就像一个属性,可以赋不同的值。但它和一般的属性不一样,改变它的赋值并不意味着丢失原来的值,例如连续执行下面两条语句:
document.cookie="userId=828";
document.cookie="userName=bj";
这时浏览器将维护两个cookie,分别是userId和userName,因此给document.cookie赋值更像执行类似这样的语句:
document.addCookie("userId=828");
document.addCookie("userName=bj");
事实上,浏览器就是按照这样的方式来设置cookie的,如果要改变一个cookie的值,只需重新赋值,例如:
document.cookie="userId=929";
这样就将名为userId的cookie值设置为了929。
二.获取cookie的值
下面介绍如何获取cookie的值。cookie的值可以由document.cookie直接获得:
var strCookie=document.cookie;
这将获得以分号隔开的多个键/值对所组成的字符串,这些键/值对包括了该域名下的所有cookie。
实例1:
<script language="JavaScript" type="text/javascript"> <!-- document.cookie="userId=828"; document.cookie="userName=bj"; var strCookie=document.cookie; alert(strCookie); //--> </script>
运行结果:
名称来获得指定的值,这正是处理cookie值最麻烦的一部分。用户必须自己分析这个字符串,来获取指定的cookie值,例如,要获取userId的值,可以如下这样实现:
实例2:
<script language="JavaScript" type="text/javascript"> <!-- //设置两个cookie document.cookie="userId=828"; document.cookie="userName=bj"; //获取cookie字符串 var strCookie=document.cookie; //将多个cookie切割为多个键/值对 var arrCookie=strCookie.split("; "); var userId; //遍历cookie数组,处理每个cookie对 for(var i=0;i<arrCookie.length;i++){ var arr=arrCookie[i].split("="); //找到名称为userId的cookie,并返回它的值 if("userId"==arr[0]){ userId=arr[1]; break; } } alert(userId); //--> </script>
运行结果:
注意:如上两个例子,在IE8、Firefox上运行正常,但在Chrome上不能正常运行。
相关推荐
javascript 操作cookiejavascript 操作cookiejavascript 操作cookie
javascript操作cookie /** * Read the JavaScript cookies tutorial at: * [url]http://www.netspade.com/articles/javascript/cookies.xml[/url] */ /** * Sets a Cookie with the given name and value. * * name...
主要详细向大家介绍了javascript操作Cookie的方法,包括设置、读取、删除操作,十分的细致全面,附上示例,是篇非常不错的文章,这里推荐给大家。
实现js和C#协同操作cookie的功能。
javascript操作cookie_获取与修改代码,跟以前的方法有所进步,者使用类的方法。
主要介绍了JavaScript操作Cookie详解,本文讲解了什么是Cookie、Cookie基础知识、Cookie常见问题、cookie 有两种清除方式、Cookie基础用法、Cookie高级用法等内容,需要的朋友可以参考下
本文实例讲述了JavaScript操作cookie类。分享给大家供大家参考。具体如下: 用法: 一、设置cookie var cookie = new JSCookie(); // 普通设置 cookie .SetCookie("key1","val1"); // 过期时间为一年 var expire_...
javascript操作cookie简单版本 代码如下: function setCookie(name, value, iDay) { var oDate = new Date(); oDate.setDate(oDate.getDate() + iDay); [removed] = name+’=’+value+’;expires=’+oDate; } ...
javascript对cookie的日常操作
主要介绍了JavaScript操作Cookie方法,实例分析了javascript针对cookie操作的相关技巧,需要的朋友可以参考下
主要简单分析介绍了javascript操作 cookie对象的方法及示例,有需要的小伙伴参考下
一个封装好的cookie操作类,完成对Cookie 的增删改查等操作。
Cookies.js - JavaScript 客户端的Cookie操作库