指引网

当前位置: 主页 > 网页制作 > JavaScript >

JS实现cookie的存,取,删除

来源:网络 作者:佚名 点击: 时间:2017-08-07 22:16
[摘要] JS实现cookie的存,取,删除,有需要的朋友可以参考下。在登陆页上往往需要让浏览器记住用户的第一次填写的账号和密码,这样下次可以不用再输...
JS实现cookie的存,取,删除,有需要的朋友可以参考下。

在登陆页上往往需要让浏览器记住用户的第一次填写的账号和密码,这样下次可以不用再输入了,为了实现这种效果,排除安全问题不看,我们使用cookie来保存记住用户的账号和密码.

cookie属于客户端的存储机制,其容量有限,浏览器允许每个站点保存的保存的cookie数最多为20个.且cookie是一种不安全的机制,容易被人非法窃取用户信息.因此只用来存储一些不是特别重要的信息.这个存储账号密码,排除安全性,我们用cookie来实现.这里我们使用javascript来实现cookie的存,取,删除.

js中使用document.cookie就可以对cookie进行操作了.

//存入cookie,两个参数,一个是cookie的名字,一个是值,这里将值进行编码,在取值的时候也需要反编码才能获取正常的值.

functionsetCookie(name,value)
{
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();
}

//取cookies函数

function getCookie(name){
var strCookie=document.cookie;
var arrCookie=strCookie.split("; ");
for(var i=0;i<arrCookie.length;i++){
var arr=arrCookie[i].split("=");
if(arr[0]==name)returnunescape(arr[1]);
}
return "";
}


//删除cookie中的值,删除值只需要将时间设置成当前时间-1,然后在把该值写入cookie即可.

function delCookie(name)
{
var exp = new Date();
exp.setTime(exp.getTime() - 1);
var cval=getCookie(name);
if(cval!=null) document.cookie= name + "="+cval+";expires="+exp.toGMTString();
------分隔线----------------------------