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>

实例：DEMO

标签: js 设置cookie

添加新评论