Quantcast
Channel: CSDN博客推荐文章
Viewing all articles
Browse latest Browse all 35570

Cookie的设置、读取、删除

$
0
0

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天,也就是昨天

}

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


作者:q1207526854 发表于2013-11-24 23:24:34 原文链接
阅读:119 评论:0 查看评论

Viewing all articles
Browse latest Browse all 35570

Trending Articles



<script src="https://jsc.adskeeper.com/r/s/rssing.com.1596347.js" async> </script>