简单来说Cookie是以键值对的形式存储的(Key=Value),各Cookie之间一般是以“;”隔开。
简单的操作:
- 存储cookie(key为test;value为testValue):
document.cookie = "test=testValue";
- 存储多个cookie:
document.cookie = "test1=testValue1";
document.cookie = "test2=testValue2";
- 获取cookie:
var getCookie = document.cookie;
升级版:
- 存储cookie:
function setCookie(){
var cookieName="test"; //cookie名称
var cookieValue = "testValue"; //cookie值
var expires = "1"; //过期时间,此处设置有效期为1天 (不设置的话,浏览器关闭后此cookie将丢失)
var time = new Date();
time.setTime(time.getTime+expires*24*60*60*1000);
document.cookie = cookieName+"="+escape(cookieValue)+ ";expires=" + time.toGMTString();
}
注:由于在cookie的名或值中不能使用分号(;)、逗号(,)、等号(=)以及空格。
而在cookie的名中我们可以控制,但要保存的值是不确定的,怎么办呢?
这时就需要用escape()函数进行编码,它能将一些特殊符号使用十六进制表示,例如空格将会编码为“20%”,从而可以存储于cookie值中,而且使用此种方案还可以避免中文乱码的出现,取的时候用unescape()函数解码即可。
- 修改cookie:
需要修改cookie时,只需要重新复制即可。
- 获取cookie:
function getCookie(cookieName){
var arr;
var reg = new RegExp("(^| )" + cookieName + "=([^;]*)(;|$)");
arr = document.cookie.match(reg)
return unescape(arr[2]);
}
注:当存入多个cookie时,使用document.cookie读取时会全部取出来,可能我们只是想获取其中一个(如:test1),这样的结果不是我们想要的,因此用到了new RegExp()来帮我们过滤,同时使用match()函数来获取到最终的值,由于存的是编码后的值,所以需要通过unescape()来进行解码即可得到我们想要的结果。
-
删除cookie:
其实删除cookie说白了就是设置cookie的过期时间为过去的一个时间,即让cookie过期。
function delCookie() {
var cookieName = "test"; //cookie名称
var exp = new Date();
exp.setTime(exp.getTime() - 1); //设置有效时间为过去的时间
var cval=getCookie(cookieName); //获取cookie信息
if (cval!=null) {
document.cookie= cookieName+"=" + cval + ";expires=" + exp.toGMTString();//重新设置cookie的有效时间
}
}
-
设置可访问cookie的路径:
cookie_dir表示可以访问cookie的目录,使用path属性可设置其值(设置仅在test目录下可用):
document.cookie="cookieName=cookieValue; path=/test";
注:path="/"表示cookie在整个网站下都可用
- 设置cookie域:
domain表示cookie所在域,默认为请求的地址,并且默认情况下一个主机中创建的cookie在另一个主机下是不能被访问的。
如:网址test1.test.com要访问test2.test.com下的cookie可设置domain参数来实现
document.cookie="cookieName=cookieValue;domain=.test.com";
好了 以上是鄙人的一点认识,如果哪里有什么不对的,还望各位大神留言指出,小弟感激不尽并加以改正,抱拳了各位!