首页 > 网页设计 > Cookie的设置、读取、删除

Cookie的设置、读取、删除

Cookie是页面用来保存信息的,是document的一个属性,我们经常用到,但你真的会用了吗?

由于Cookie“出生”得早,限制了它容量的大小,但它依然很强大,很常用。

设置Cookie很简单:document.cookie='name=val'

Cookie有过期时间,如果不设置过期时间,默认浏览器关闭时Cookie自动删除;

我们可以封装一个函数用来设置Cookie的键-值-过期时间:

-----------------------------------------------------------------------------------------------------------------------------------------

function setCookie( name, value, iDay )   //三个参数分别是:键-值-过期天数

{

var oDate=new Date()     //获取当前时间

oDate.setDate( oDate.getDate() + iDay )   //设置过期时间为当前时间加上过期天数

document.cookie=name + ' = ' +value + ' ;expires = '+ oDate

}

-------------------------------------------------------------------------------------------------------------------------------------------

示例:设置一个用户名为“wang”的cookie,过期时间为14天

setCookie( 'user', 'wang', 14 )

 

当然,Cookie可以设置也可以读取,我们依然使用一个封装函数:

--------------------------------------------------------------------------------------------------------------------------------------------

function getCookie(name)

{

var ar=document.cookie.split('; ')   //利用分号加空格拆分cookie

for(var i=0;i<arr.length;i++)

{

var arr2 = arr[i].split( '=' )          //用=号拆分单个的键-值

if(arr2[0] == name) //匹配

{

return arr2[1] //返回匹配的值

}

}

return ''  //未匹配则返回空

}

--------------------------------------------------------------------------------------------------------------------------------------------

 

当然,cookie也是可以删除的:

--------------------------------------------------------------------------------------------------------------------------------------------

function removeCookie( name )

{

setCookie( name,1,-1 )  //需要结合设置cookie的函数重新设置需要删除的cookie的过期时间为-1天,也就是昨天

}

--------------------------------------------------------------------------------------------------------------------------------------------


本文固定链接: http://www.devba.com/index.php/archives/3649.html | 开发吧

报歉!评论已关闭.