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>