js的cookie是很方便的,也可以减轻服务器的负担。这里给大家带来一个实例,下面是源码。
<html>
<head>
<script type="text/javascript">
function tj(){
var name=document.getElementById("name").value;
var value=document.getElementById("zhi").value;
var Days=document.getElementById("days").value;
if(name==""||name==null){
alert("没有设置")
}else{
SetCookie(name,value,Days);
alert(getCookie(name));
}
}
function SetCookie(name,value,Days)//两个参数,一个是cookie的名子,一个是值
{
//var Days=30; //此 cookie 将被保存 30 天
var exp = new Date(); //new Date("December 31, 9998");
exp.setTime(exp.getTime() + Days*24*60*60*1000);
document.cookie = name+"="+escape(value)+";
expires="+exp.toGMTString()+"; path=/";//path是cookie的访问路径
}
//取cookies函数
function getCookie(name)
{
var arr = document.cookie.match(new RegExp("(^| )"+name+"=([^;]*)(;|$)"));
if(arr != null)
return unescape(arr[2]);
else
return null;
}
//删除cookie
function deleteCookie(name)
{
var exp = new Date();
exp.setTime(exp.getTime() - 1);
var cval=getCookie(name);
if(cval!=null)
document.cookie= name + "="+cval+";expires="+exp.toGMTString();
}
</script>
</head>
<body>
设置Cookie名:<input type="text" id="name" value="" />
设置Cookie值:<input type="text" id="zhi" value="" />
设置Cookie有效期:<input type="text" id="days" value=""/>
<input type="button" value="弹出值" onClick="tj()" />
<hr>
<a href="http://blogs.suiyidian.cn" title="返回首页">返回首页</a>
</body>
</html>