如何用js来 *** 作cookie呢

如何用js来 *** 作cookie呢,第1张

js *** 作COOKIE,直接给document加上cookie就可以了,但是一般如果单个的加会很麻烦所以一般会直接写好一个函数,可以直接 *** 作cookie,这样就很方便了

setCookie这个是写入cookie,第一个是名称,第二个是cookie值,第三个是过期时间

getCookie这个是查找cookie;

removeCookie这是你需要删除的cookie;

function setCookie(name, value, iDay) 

{

var oDate=new Date();

oDatesetDate(oDategetDate()+iDay);

documentcookie=name+'='+encodeURIComponent(value)+';expires='+oDate;

}

function getCookie(name)

{

var arr=documentcookiesplit('; ');

var i=0;

for(i=0;i<arrlength;i++)

{

//arr2->['username', 'abc']

var arr2=arr[i]split('=');

if(arr2[0]==name)

{

var getC = decodeURIComponent(arr2[1]);

return getC;

}

}

return '';

}

function removeCookie(name)

{

setCookie(name, '1', -1);

}

存:

documentcookie = "name=Kevin;expires="+new Date()getDate()+7; //有效期7天

取:

function GetCookie(sName)

{

var aCookie = documentcookiesplit("; ");

for (var i=0; i < aCookielength; i++)

{

var aCrumb = aCookie[i]split("=");

if (sName == aCrumb[0])

return unescape(aCrumb[1]);

}

return null;

}

GetCookie('name') //Kevin

这里的SetCookie 是自己定义的一个函数

如:

function setCookie(name, value, expire) {

windowdocumentcookie = name + "=" + escape(value) + ((expire == null) "" : ("; expires=" + expiretoGMTString()));

}

所以里面的这些参数都是直接定义的JS只有windowdocumentcookie 定义cookie的方法至于里面的值 直接定义

function getCookie(Name)

{

var search = Name + "="

if(documentcookielength > 0)

{

offset = documentcookieindexOf(search)

if(offset != -1)

{

offset += searchlength

end = documentcookieindexOf(";", offset)

if(end == -1) end = documentcookielength

return unescape(documentcookiesubstring(offset, end))

}

else return ""

}

}

所谓cookie,就是“某些 Web 站点在您的硬盘上用很小的文本文件存储了一些信息,这些文件就称为 Cookie。”—— 这是MSIE 帮助文档上所叙述的。一般来说,Cookies与 CGI 或类似,比 HTML 高级的文件、程序等创建的,但是 javascript 也提供了对 Cookies 的很全面的访问权利。每个 Cookie 都有失效日期,一旦电脑的时钟过了失效日期,这个 Cookie 就会被删掉。我们不能直接删掉一个 Cookie,但是可以用设定失效日期早于现在时刻的方法来间接删掉它。

而每一“组”Cookies 有规定的总大小(大约 2KB 每“组”),一超过最大总大小,则最早失效的 Cookie 先被删除,来让新的 Cookie“安家”。我们来看看cookie用JavaScript是如何进行 *** 作的!

首先设置cookie

每个cookie都是一个名/值对,可以把下面这样一个字符串赋值给documentcookie:

documentcookie="userId=125";

如果要一次存储多个名/值对,可以使用分号加空格(; )隔开,例如:

documentcookie="userId=828; userName=UFO";

在cookie的名或值中不能使用分号(;)、逗号(,)、等号(=)以及空格。在cookie的名中做

到这点很容易,但要保存的值是不确定的。如何来存储这些值呢?方法是用escape()函数进行编

码,它能将一些特殊符号使用十六进制表示,例如空格将会编码为“20%”,从而可以存储于

cookie值中,而且使用此种方案还可以避免中文乱码的出现。例如:

documentcookie="str="+escape("I love UFO");

相当于:

documentcookie="str=I%20love%20UFO";

当使用escape()编码后,在取出值以后需要使用unescape()进行解码才能得到原来的cookie值,

这在前面已经介绍过。

尽管documentcookie看上去就像一个属性,可以赋不同的值。但它和一般的属性不一样,改变

它的赋值并不意味着丢失原来的值,例如连续执行下面两条语句:

documentcookie="userId=125";

documentcookie="userName=UFO";

这时浏览器将维护两个cookie,分别是userId和userName,因此给documentcookie赋值更像执

行类似这样的语句:

documentaddCookie("userId=125");

documentaddCookie("userName=UFO");

事实上,浏览器就是按照这样的方式来设置cookie的,如果要改变一个cookie的值,只需重新赋

值,例如:

documentcookie="userId=451";

这样就将名为userId的cookie值设置为了451。

获取cookie的值

下面介绍如何获取cookie的值。cookie的值可以由documentcookie直接获得:

var strCookie=documentcookie;

这将获得以分号隔开的多个名/值对所组成的字符串,这些名/值对包括了该域名下的所有cookie

。例如:

<script type="text/javascript">

<!--

documentcookie="userId=125";

documentcookie="userName=UFO";

var strCookie=documentcookie;

alert(strCookie);

//-->

</script>

当你看到运行效果后,由此可见,只能够一次获取所有的cookie值,而不能指定cookie

名称来获得指定的值,这正是处理cookie值最麻烦的一部分。用户必须自己分析这个字符串,来

获取指定的cookie值,例如,要获取userId的值,可以这样实现:

<script type="text/javascript">

<!--

//设置两个cookie

documentcookie="userId=125";

documentcookie="userName=UFO";

//获取cookie字符串

var strCookie=documentcookie;

//将多cookie切割为多个名/值对

var arrCookie=strCookiesplit("; ");

var userId;

//遍历cookie数组,处理每个cookie对

for(var i=0;i<arrCookielength;i++){

var arr=arrCookiesplit("=");

//找到名称为userId的cookie,并返回它的值

if("userId"==arr[0]){

userId=arr[1];

break;

}

}

alert(userId);

//-->

</script>

这样就得到了单个cookie的值

本文来自CSDN博客,转载请标明出处: >

以上就是关于如何用js来 *** 作cookie呢全部的内容,包括:如何用js来 *** 作cookie呢、js 怎么存储获取cookies、js *** 作cookie 添加,获取,删除,分别有什么参数,且各个参数代表什么。特别是添加cookie的时候。等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

欢迎分享,转载请注明来源:内存溢出

原文地址:https://54852.com/web/9777587.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2023-05-01
下一篇2023-05-01

发表评论

登录后才能评论

评论列表(0条)

    保存