cookie
Js 操作 Cookie 总结(设置,读取,删除),工作中经常会用到的哦!下面是详细代码,如有错误,请留言指正! JavaScript 是运行在客户端的脚本,因此一般是不能够设置 Session 的,因为 Session 是运行在服务器端的。而 cookie 是运行在客户端的,所以可以用 JS 来设置 cookie. 假设有这样一种情况,在某个用例流程中,由 A 页面跳至 B 页面,若在 A 页面中采用 JS 用变量 temp 保存了某一变量的值,在 B 页面的时候,同样需要使用 JS 来引用 temp 的变量值,对于 JS 中的全局变量或者静态变量的生命周期是有限的,当发生页面跳转或者页面关闭的时候,这些变量的值会重新载入,即没有达到保存的效果。解决这个问题的最好的方案是采用 cookie 来保存该变量的值,那么如何来设置和读取 cookie 呢?首先需要稍微了解一下 cookie 的结构,简单地说:cookie 是以键值对的形式保存的,即 key=value 的格式。各个 cookie 之间一般是以 ";" 分隔。 JS 设置 cookie: 假设在 A 页面中要保存变量 username 的值 ("jack") 到 cookie 中, key 值为 name,则相应的 JS 代码为:JS 读取 cookie: 假设 cookie 中存储的内容为:name=jack;password=123 则在 B 页面中获取变量 username 的值的 JS 代码如下:
- document.cookie="name="+username;
读取 cookies
- varusername=document.cookie.split(";")[0].split("=")[1];
- //JS操作cookies方法!
- //写cookies
- function setCookie(name,value)
- {
- varDays= 30;
- varexp= new Date();
- exp.setTime(exp.getTime() +Days*24*60*60*1000);
- document.cookie=name+ "="+escape(value) + ";expires=" +exp.toGMTString();
- }
删除 cookies
- function getCookie(name)
- {
- vararr,reg=new RegExp("(^| )"+name+"=([^;]*)(;|$)");
- if(arr=document.cookie.match(reg))
- return unescape(arr[2]);
- else
- return null;
- }
- function delCookie(name)
- {
- varexp= new Date();
- exp.setTime(exp.getTime() - 1);
- varcval=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)
- {
- varstrsec= getsec(time);
- varexp= new Date();
- exp.setTime(exp.getTime() +strsec*1);
- document.cookie=name+ "="+escape(value) + ";expires=" +exp.toGMTString();
- }
- function getsec(str)
- {
- alert(str);
- varstr1=str.substring(1,str.length)*1;
- varstr2=str.substring(0,1);
- if (str2=="s")
- {
- returnstr1*1000;
- }
- else if (str2=="h")
- {
- returnstr1*60*60*1000;
- }
- else if (str2=="d")
- {
- returnstr1*24*60*60*1000;
- }
- }
- //这是有设定过期时间的使用示例:
- //s20是代表20秒
- //h是指小时,如12小时则是:h12
- //d是天数,30天则:d30
- setCookie("name","hayden","s20");
链接:http://www.f-z.cn/id/169
学习更多 IT 知识 加群:272292492
分针网——IT 教育:JS 设置 cookie、读取 cookie、删除 cookie
来源: http://www.bubuko.com/infodetail-2081866.html