js怎么设置cookie得到cookie删除cookie

发布时间:2025-05-21 13:05:58 发布人:远客网络

一、js怎么设置cookie得到cookie删除cookie

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

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

3、假设有这样一种情况，在某个用例流程中，由A页面跳至B页面，若在A页面中采用JS用变量temp保存了某一变量的值，在B页面的时候，同样需要使用JS来引用temp的变量值，对于JS中的全局变量或者静态变量的生命周期是有限的，当发生页面跳转或者页面关闭的时候，这些变量的值会重新载入，即没有达到保存的效果。解决这个问题的最好的方案是采用cookie来保存该变量的值，那么如何来设置和读取cookie呢？

4、首先需要稍微了解一下cookie的结构，简单地说：cookie是以键值对的形式保存的，即key=value的格式。各个cookie之间一般是以“;”分隔。

5、假设在A页面中要保存变量username的值("jack")到cookie中,key值为name，则相应的JS代码为：

6、document.cookie="name="+username;

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

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

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

10、function setCookie(name,value)

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

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

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

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

15、exp.setTime(exp.getTime()- 1);

16、document.cookie= name+"="+cval+";expires="+exp.toGMTString();

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

18、function setCookie(name,value,time)

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

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

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

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

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

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

二、jQuery怎么设定读取删除清空cookie

jQuery怎么设定读取删除清空cookie

首先我们需要到jQuery官网下载cookie外挂，目前最新版本是1.4.1。

然后我们新建一个档案，将jQuery和jQuery cookie档案引入。

设定cookie很简答，只需要$.cookie("名","值")即可。这里我用一个名字为coco的cookie做示例。

预览一定要注意需要在伺服器环境中，本地可以搭建伺服器，用localhost访问。在控制台中可以看到cookie的值。读取cookie直接用$.cookie("名")即可。

如果想删除cookie，那么需要设定null，例如$.cookie("coco",null)，如果是想要清空某个cookie的值，那么只需要将其值设定为空字串即可，例如$.cookie("coco","")。

在页面，先引入jQuery档案，再引入jQuery.cookie.js的类库档案。

$.cookie('the_cookie');读取 cookie

$.cookie('the_cookie','the_value');储存 cookie

$.cookie('the_cookie','the_value',{ expires: 7});储存一个带7天期限的 cookie

$.cookie('the_cookie','',{ expires:-1});删除 cookie

Cookie是当你浏览某网站时，网站储存在你机器上的一个小文字档案，它记录了你的使用者ID，密码、浏览过的网页、停留的时间等资讯，当你再次来到该网站时，网站通过读取Cookie，得知你的相关资讯，就可以做出相应的动作，如在页面显示欢迎你的标语，或者让你不用输入ID、密码就直接登入等。你可以在IE的“工具/Inter选项”的“常规”选项卡中，选择“设定/检视档案”，检视所有储存到你电脑里的Cookie。这些档案通常是以user@domain格式命名的，user是你的本地使用者名称，domain是所访问的网站的域名。如果你使用NetsCape浏览器，则存放在“C:\PROGRAMFILES\NETSCAPE\USERS\”里面，与IE不同的是，NETSCAPE是使用一个Cookie档案记录所有网站的Cookies。为了保证上网安全我们需要对Cookie进行适当设定。开启“工具/Inter选项”中的“隐私”选项卡（注意该设定只在IE6.0中存在，其他版本IE可以在“工具/Inter选项”的“安全”标签中单击“自定义级别”按钮，进行简单调整），调整Cookie的安全级别。通常情况，可以将滑块调整到“中高”或者“高”的位置。多数的论坛站点需要使用Cookie资讯，如果你从来不去这些地方，可以将安全级调到“阻止所有Cookies”。如果只是为了禁止个别网站的Cookie，可以单击“编辑”按钮，将要遮蔽的网站新增到列表中。在“高阶”按钮选项中，你可以对第一方Cookie和第三方的Cookie进行设定，第一方Cookie是你正在浏览的网站的Cookie，第三方Cookie非正在浏览的网站发给你的Cookie，通常要对第三方Cookie选择“拒绝”，如图1。你如果需要储存Cookie，可以使用IE的“汇入汇出”功能，开启“档案/汇入汇出”，按提示操作即可。 Cookie中的内容大多数经过了加密处理，因此在我们看来只是一些毫无意义的字母数字组合，只有伺服器的CGI处理程式才知道它们真正的含义。通过一些软体我们可以检视到更多的内容，使用Cookie Pal软体检视到的Cookie资讯，如图2所示。它为我们提供了Server、Expires、Name、value等选项的内容。其中，Server是储存Cookie的网站，Expires记录了Cookie的时间和生命期，Name和value栏位则是具体的资料

function setCookie(name,value)

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

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

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

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

exp.setTime(exp.getTime()- 1);

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

在jQuery中操作cookie，需要使用jquery.cookie.js外挂。需要注意的是，jquery.cookie.js需要在jquery.js后面载入哦。

假设你已经载入了jquery.js以及jquery.cookie.js。

接下来将举几个常用的例子，来熟悉一下jquery.cookie.js的使用方法。

2、建立一个有效期为365天的cookie：

$_COOKIE['usercookie']这个超全域性变数就是COOKIE，其中usercookie是COOKIE名称，你改成你想读取的COOKIE就可以了