建立和保存一个Cookie
在这个例子中我们将建立一个cookie并让它保存一位访问者的名字。当访问者第一次来到这个页面的时候就要求必须添写名字。这个名字就会保存在一个cookie中。下次他/她再来的时候就会得到一个欢迎信息。
首先,我们建立一个能保存访问者名字的函数:
function setCookie(c_name,value,expiredays)
{var exdate=new Date()exdate.setDate(exdate.getDate()+expiredays)
document.cookie=c_name+ "=" +escape(value)+
((expiredays==null) ? "" : ";expires="+exdate)
}
上面的这个保存名字的cookie函数中的参数有:value,这个是cookie的值;c_name是被保存的名字;expiredays是cookie的到期时间(多少天过期)
在上面的函数中我们首先将天数变为有效的日期,然后我们添加cookie的过期天数。之后我们将cookie的名字,它的值以及过期日期保存在document.cookie对象中。
然后,我们建立另外一个函数来检查cookie是否被设置过了:
function getCookie(c_name)
{
if (document.cookie.length>0)
{
c_start=document.cookie.indexOf(c_name + "=")
if (c_start!=-1)
{
c_start=c_start + c_name.length+1
c_end=document.cookie.indexOf(";",c_start)
if (c_end==-1) c_end=document.cookie.length
return unescape(document.cookie.substring(c_start,c_end))
}
}
return null
}
上面的函数首先检查了document.cookie对象中是否包含cookie。如果有的话就检查具体的cookie是否存在。如果我们的cookie找到的话就返回其值,不然就返回一个null
最后我们建立一个如果cookie存在就显示欢迎信息的函数,如果没有设置cookie的话就要求写如名字:
function checkCookie()
{
username=getCookie('username')
if (username!=null)
{alert('Welcome again '+username+'!')}
else
{
username=prompt('Please enter your name:',"")
if (username!=null && username!="")
{
setCookie('username',username,365)
}
}
}
现在合起来:
<html>
<head>
<script type="text/javascript">
function getCookie(c_name)
{
if (document.cookie.length>0)
{
c_start=document.cookie.indexOf(c_name + "=")
if (c_start!=-1)
{
c_start=c_start + c_name.length+1
c_end=document.cookie.indexOf(";",c_start)
if (c_end==-1) c_end=document.cookie.length
return unescape(document.cookie.substring(c_start,c_end))
}
}
return null
}function setCookie(c_name,value,expiredays)
{var exdate=new Date()exdate.setDate(exdate.getDate()+expiredays)
document.cookie=c_name+ "=" +escape(value)+
((expiredays==null) ? "" : ";expires="+exdate)
}function checkCookie()
{
username=getCookie('username')
if (username!=null)
{alert('Welcome again '+username+'!')}
else
{
username=prompt('Please enter your name:',"")
if (username!=null && username!="")
{
setCookie('username',username,365)
}
}
}
</script>
</head><body onLoad="checkCookie()">
</body>
</html>
上面的例子在页面加载的时候运行了checkCookie() 函数