JavaScript中的Cookie基础
页面用来保存信息的,比如登录、记住用户名。
【cookie的特性】
(1)同一个网站中所有页面共享一套cookie;
(2)数量、大小有限;
(3)有保质期,过期时间(由JS控制);
(4)cookie存在于客户端。
【JS中的cookie使用】
document.cookie
【设置cookie】
(1)格式:名字=值;
(2)不会覆盖;
(3)过期时间:expires=时间(日期对象的使用:oDate=new Date());
例如:
var oDate=new Date(); //获取当时时间
oDate.setDate(oDate.getDate()+30); //setDate():设置时间
document.cookie="user=blue;expires="+oDate; //expires:过期时间,这里是30天
document.cookie="pass=123";
alert(document.cookie);
获取结果:
(4)封装函数
function setCookie(name,value,iDay){
var oDate=new Date();
oDate.setDate(oDate.getDate()+iDay);
document.cookie=name+'='+value+';+expires'+oDate;
}
alert(document.cookie);
参数含义:name:自定义名字
value:名字的值
iDay:过期时间
【读取cookie】
字符串分割
function getCookie(name){
//'username=abc; password=123456; aaa=111; bbb=222'
var arr=document.cookie.split('; ');
var i=0;
//arr->['username=abc',' password=123456'...]
for(i=0;i<arr.length;i++){
var arr2=arr[i].split('=');
//arr2->['username','abc']
if (arr2[0]==name) {
return arr2[1];
}
}
return '';
}
alert(getCookie('username'));
获取结果:
【删除cookie】
function removeCookie(name){
setCookie(name,'abc',-1); //将iDay设置为-1
}