JS操作Cookie,对Cookie的增、删、查
html页面:
<html> <head> <title></title> <script type="text/javascript"> //增加Cookie function SaveCookie() { var cname=document.forms[0].txtcookiename.value; var cvalue = document.forms[0].txtcookievalue.value; var ctime=document.forms[0].txtcookietime.value; var ms = parseInt(ctime)*24*60*60*1000; var today= new Date(); var date = new Date(); date.setTime(today.getTime()+ms); var dates = date.toGMTString(); document.cookie=cname+"="+cvalue+";expices="+ date.toGMTString(); alert("保存Cookie成功!"); } //读取Cookie function ReadCookie() { var name = document.forms[0].readname.value; var search = name+"="; begin = document.cookie.indexOf(search); if(begin!=-1) { //设置Cookie值的开始位置 begin += search.length; //设置Cookie值得结束位置 end = document.cookie.indexOf(";",begin); if(end == -1) { end = document.cookie.length; } alert("Cookie"+name+"的值为:"+document.cookie.substring(begin,end)); }else { alert("Cookie"+name+"不存在!"); } } //删除Cookie function DeleteCookie() { var cookiename=document.forms[0].deletename.value; document.cookie=cookiename+"=;expries="+new Date().toGMTString(); alert("名称为:"+cookiename+"的Cookie已删除!"); } </script> </head> <body> <form id="form1" name="form1" method="post" action=""> <p>Cookie名字:<input type="text" name="txtcookiename"/></br> 值:<input type="text" name="txtcookievalue" /></br> 有效期:<input type="text" name="txtcookietime" /><br> <input type="button" value="保存Cookie" name="savecookie" onclick="SaveCookie()"/> </p> <p> 要读取Cookie的名字:<input type="text" name="readname" /> <input type="button" value="读取" onclick="ReadCookie()"/> </p> <p> 要删除Cookie的名字:<input type="text" name="deletename" /> <input type="button" value="删除" onclick="DeleteCookie()"/> </p> </form> </body> </html>