javascript学习笔记（七）利用javascript来创建和存储cookie_javascript技巧

首先看一下基础知识：
1、什么是COOKIE
COOKIE 是存储于访问者的计算机中的变量。每当同一台计算机通过浏览器请求某个页面时，就会发送这个 COOKIE。你可以使用 Javascript 来创建和取回 COOKIE 的值
2、有关COOKIE的例子：
&＃8226;名字 COOKIE 当访问者首次访问页面时，他或她也许会填写他/她们的名字。名字会存储于 COOKIE 中。当访问者再次访问网站时，他们会收到类似 "Welcome John Doe!" 的欢迎词。而名字则是从 COOKIE 中取回的。
&＃8226;密码 COOKIE 当访问者首次访问页面时，他或她也许会填写他/她们的密码。密码也可被存储于 COOKIE 中。当他们再次访问网站时，密码就会从 COOKIE 中取回。
&＃8226;日期 COOKIE 当访问者首次访问你的网站时，当前的日期可存储于 COOKIE 中。当他们再次访问网站时，他们会收到类似这样的一条消息："Your last visit was on Tuesday August 11, 2005!"。日期也是从 COOKIE 中取回的。
下面来创建一个COOKIE的实例，如何来创建COOKIE及取出COOKIE
Javascript部分代码：

代码如下:

//创建COOKIE
function setCOOKIE(name, value, expireday) {
var exp = new Date();
exp.setTime(exp.getTime() + expireday*24*60*60*1000); //设置COOKIE的期限
document.COOKIE = name+"="+escape(value)+"; expires"+"="+exp.toGMTString();//创建COOKIE
}
//提取COOKIE中的值
function getCOOKIE(name) {
var COOKIEStr = document.COOKIE;
if(COOKIEStr.length > 0) {
var COOKIEArr = COOKIEStr.split(";"); //将COOKIE信息转换成数组
for (var i=0; ivar COOKIEVal = COOKIEArr[i].split("="); //将每一组COOKIE(COOKIE名和值)也转换成数组
if(COOKIEVal[0] == name) {
return unescape(COOKIEVal[1]); //返回需要提取的COOKIE值
}
}
}
}
//测试COOKIE
function checkCOOKIE() {
var COOKIEUser = document.getElementById("COOKIEUser");
var userName = getCOOKIE("userName");
if(userName) {
COOKIEUser.innerHTML = "您好"+userName+"，欢迎再次回来！";
} else {
var value = prompt("请输入用户名", "");
if(value) {
setCOOKIE('userName', value, 1);
} else {
alert("请输入用户名！");
}
}
}

主要在于如何提取我们需要的COOKIE信息，在本例的getCOOKIE函数中主要是将COOKIE信息转化成数组的方式来查找我们需要提取的COOKIE值。还可以通过正则表达式的方式来匹配，如下：

代码如下:

function getCOOKIE(name) {
var COOKIEStr = document.COOKIE;
var COOKIEArr = COOKIEStr.match(new RegExp(name+"=[a-zA-Z0-9]*;$"));
var COOKIEVal = COOKIEArr.split("=");
if(COOKIEVal[0] == name) {
return unescape(COOKIEVal[1]);
}
}

比如在这个例子中，如果打开浏览器中没有存储名为userName的COOKIE，则会提示用户输入用户名，再次刷新页面时则会显示输入的COOKIE值。
最后我们可以测试一下代码：

代码如下: