运用JS设置cookie、读取cookie、删除cookie

JavaScript是运行在客户端的脚本，因此一般是不能够设置Session的，因为Session是运行在服务器端的。

 

而cookie是运行在客户端的，所以可以用JS来设置cookie.

 

document.cookie //可获取所有cookie中的缓存

document.cookie="name="+username; //精准获取缓存

 

JS读取cookie:

假设cookie中存储的内容为：name=jack;password=123

则在B页面中获取变量username的值的JS代码如下：

var username=document.cookie.split(";")[0].split("=")[1]; 

//JS操作cookies方法!

 

//写cookies

function setCookie(name,value)

{

    var Days = 30;

    var exp = new Date();

    exp.setTime(exp.getTime() + Days*24*60*60*1000);

    document.cookie = name + "="+ escape (value) + ";expires=" + exp.toGMTString();

}

 

//读取cookies

function getCookie(name)

{

    var arr,reg=new RegExp("(^| )"+name+"=([^;]*)(;|$)");

 

    if(arr=document.cookie.match(reg))

 

        return unescape(arr[2]);

    else

        return null;

}

 

//删除cookies

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();

}

//使用示例

setCookie("name","hayden");

alert(getCookie("name"));

 

//如果需要设定自定义过期时间

//那么把上面的setCookie　函数换成下面两个函数就ok;

 

 

//程序代码

function setCookie(name,value,time)

{

    var strsec = getsec(time);

    var exp = new Date();

    exp.setTime(exp.getTime() + strsec*1);

    document.cookie = name + "="+ escape (value) + ";expires=" + exp.toGMTString();

}

function getsec(str)

{

   alert(str);

   var str1=str.substring(1,str.length)*1;

   var str2=str.substring(0,1);

   if (str2=="s")

   {

        return str1*1000;

   }

   else if (str2=="h")

   {

       return str1*60*60*1000;

   }

   else if (str2=="d")

   {

       return str1*24*60*60*1000;

   }

}

//这是有设定过期时间的使用示例：

//s20是代表20秒

//h是指小时，如12小时则是：h12

//d是天数，30天则：d30

 

setCookie("name","hayden","s20");