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代码为:
document.cookie="name="+username;
JS读取cookie:
假设cookie中存储的内容为:name=jack;password=123
则在B页面中获取变量username的值的JS代码如下:
var username=document.cookie.split(";")[0].split("=")[1];
//JS操作cookies方法!
//写cookies
function setCookie(name,value)
{
var Days = 30;
var exp = new Date();
exp.setTime(exp.getTime() + Days*24*60*60*1000);
document.cookie = name + "="+ escape (value) + ";expires=" + exp.toGMTString();
var strsec = getsec(time);
var exp = new Date();
exp.setTime(exp.getTime() + strsec*1);
document.cookie = name + "="+ escape (value) + ";expires=" + exp.toGMTString();
}
//读取cookies
function getCookie(name)
{
var arr,reg=new RegExp("(^| )"+name+"=([^;]*)(;|$)");
if(arr=document.cookie.match(reg))
return (arr[2]);
else
return null;
}
//删除cookies
function delCookie(name)
{
var exp = new Date();
exp.setTime(exp.getTime() - 1);
var cval=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)
{
var strsec = getsec(time);
var exp = new Date();
exp.setTime(exp.getTime() + strsec*1);
document.cookie = name + "="+ escape (value) + ";expires=" + exp.toGMTString();
}
function getsec(str)
{
alert(str);
var str1=str.substring(1,str.length)*1;
var str2=str.substring(0,1);
if (str2=="s")
{
return str1*1000;
}
else if (str2=="h")
{
return str1*60*60*1000;
}
else if (str2=="d")
{
return str1*24*60*60*1000;
}
}
//这是有设定过期时间的使用示例:
//s20是代表20秒
//h是指小时,如12小时则是:h12
//d是天数,30天则:d30
setCookie("name","hayden","s20");
- 浏览: 118565 次
- 性别:
- 来自: 洛阳
最新评论
-
xiayuhe1:
...
搜狗微信搜索获取文章点赞数和阅读数等 -
q474420502:
已经不行了
搜狗微信搜索获取文章点赞数和阅读数等 -
刘亮love小雪:
不错,非常好,我重新认识了闭包
JS闭包 -
cuippan:
为什么要用 两个 encodeURI
JS通过URL传递中文参数时出现乱码的处理 -
kingsmalltwo:
UUID唯一标识。
Java的MD5、SHA-1加密
相关推荐
js写的方法,可以设置cookie和获取cookie值,简单易懂
JS的COOKIE设置和清楚,写好的一个函数,方便调用,可直接写成函数的方式
用js设置cookie,并能读取 用js设置cookie,并能读取
有js设置和获取cookie 简单实用易看懂免费为大家分享 有兴趣的可以参与看看啊
代码如下: function ClearCookie() { var expires = new Date(); expires.setTime... //expires是对应过期时间的设置,不设这个值,cookie默认在关闭浏览器时失效 [removed] = “roleID=’333”’;path=/;expires=”
cookie设置插件jquery.cookie.min.js 文章《javascript设置cookie高级篇可跨域访问》https://blog.csdn.net/cplvfx/article/details/117822956
NULL 博文链接:https://492664447-qq-com.iteye.com/blog/1565952
java后台和php后台如何设置HttpOnly到前台浏览器的cookie中.cookie中设置了HttpOnly属性,那么通过js脚本将无法读取到cookie信息,这样能有效的防止XSS攻击.zip
js操作cookie实现历史访客信息的自动填写,代码包含cookie的读出方法和写入方法,还包含有cookie的删除方法。
js对cookie操作的封装 包含jquery对cookie的操作和纯javascript对cookie操作
使用JS创建Cookie,已经经过本人的测试. 属于发行版,QQ等各大知名网站都是用本方式写入cookie 新手也一看就会,是JS增强的好案例~!
httpclient模拟登陆(使用js设置cookie) 代码如下: <html> <meta http-equiv=’Content-Type’ content=’text/html; charset=gb2312′> <link rel=stylesheet type=text/css href=’/bbs.css’> ...
而cookie是运行在客户端的,所以可以用JS来设置cookie。 js设置cookie方法汇总: 第一种: [removed] //设置cookie function setCookie(cname, cvalue, exdays) { var d = new Date(); d.setTime(d.getTime() + ...
主要介绍了JS 设置Cookie 有效期 检测cookie的相关资料,需要的朋友可以参考下
js_cookie源码下载,js-cookie用于操作cookie,笔者是因为一开始不会弄,后来会整下来了,鉴于自身经历,故将其分享出来。
js的cookie:包括得到cookie 设置cookie和删除cookie的代码
js中cookie的创建和读取单个cookie值,以及设置cookie的过期时间。 能够判断是否有自己需要查找的cookie,如果没有查到到就可以执行创建语句
javascript 操作cookiejavascript 操作cookiejavascript 操作cookie