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");
- 浏览: 835706 次
文章分类
- 全部博客 (365)
- java (124)
- spring mvc (21)
- spring (22)
- struts2 (6)
- jquery (27)
- javascript (24)
- mybatis/ibatis (8)
- hibernate (7)
- compass (11)
- lucene (26)
- flex (0)
- actionscript (0)
- webservice (8)
- rabbitMQ/Socket (15)
- jsp/freemaker (5)
- 数据库 (27)
- 应用服务器 (21)
- Hadoop (1)
- PowerDesigner (3)
- EJB (0)
- JPA (0)
- PHP (2)
- C# (0)
- .NET (0)
- html (2)
- xml (5)
- android (7)
- flume (1)
- zookeeper (0)
- 证书加密 (2)
- maven (1)
- redis (2)
- cas (11)
最新评论
-
zuxianghuang:
通过pom上传报错 Artifact upload faile ...
nexus上传了jar包.通过maven引用当前jar,不能取得jar的依赖 -
流年末年:
百度网盘的挂了吧???
SSO单点登录系列3:cas-server端配置认证方式实践(数据源+自定义java类认证) -
953434367:
UfgovDBUtil 是什么类
Java发HTTP POST请求(内容为xml格式) -
smilease:
帮大忙了,非常感谢
freemaker自动生成源代码 -
syd505:
十分感谢作者无私的分享,仔细阅读后很多地方得以解惑。
Nginx 反向代理、负载均衡、页面缓存、URL重写及读写分离详解
发表评论
-
jQuery自动加载更多程序
2015-03-12 13:16 3871.1.1 摘要 现在,我们经常使用的 ... -
基于1.3.3版本tooltip的datagrid单元格tip实现
2014-07-23 09:00 688文章目录 [隐藏] 1实现代 ... -
jQuery easyUI动态获取表结构并显示表中的数据)
2014-07-23 08:36 7594问题描述一: 首先根据输入的sql语句获得相关的列 ... -
jQuery plugin: Autocomplete 参数及实例
2014-07-18 10:34 582此插件依赖于 jquery 1.2.6 --- jqu ... -
kindeditor4.0.6的使用方法(jsp+struts2)
2014-07-17 08:58 744最近在研究kindeditor4.0.6在struts框架下 ... -
根据内容宽度、高度自适应,垂直水平居中,内容高度超过窗体时,垂直居顶
2013-06-26 14:47 13861、CSS方法 <! ... -
jQuery 页面载入进度条 (必有一款适合你----综合搜集版)
2013-03-29 14:17 3334链接主题: 预加载图片 延迟加载图 ... -
js中两个感叹号的原理与用法分析
2013-02-18 12:53 1606在javascript中 ... -
Google Maps JavaScript API V3 根据坐标画正方型范围
2013-01-29 11:04 1474首先需要一个方法,是把传递过来的经纬度按照半径N公里扩散, ... -
Javascript工具包
2013-01-09 14:13 974是一个免费的开放的Javascript工具包,里面有很多 ... -
加入收藏设为首页代码(兼容各种浏览器)
2012-12-05 09:18 1234把页面设置为首页,加入收藏功能,支持ie,ff,chrome, ... -
js通过汉子转化汉语拼音首字母
2012-10-27 12:59 1191<script type="text/vbsc ... -
JS实现把汉字转换为拼音
2012-10-26 16:23 2782用人在知道里面提问,如何用javascript程序把汉 ... -
使用YUI Compressor压缩JS CSS文件。节省开销
2012-10-25 11:45 1660互联网使用JS CSS 等静态资源文件 压缩工具 让你的网站更 ... -
Ajax 实现级联菜单
2012-10-16 09:34 1032自己动手实现的一个Ajax级联菜单,开发平台:Eclipse, ... -
JS监控关闭浏览器操作
2012-10-15 14:50 1405需求如下: 用户关闭浏览器通知后台。 方案如下: 1 ... -
根据浏览者的IP切换成不同语言,新浪网易IP地区信息查询API接口调用方法
2012-09-30 10:26 1218工作需求,要根据浏览者的IP切换成不同语言的页面,记了 ... -
前端开发中最常见的12个HTML标签错误
2012-09-29 11:53 1081开发者在写HTML代码的时候一定要仔细,并熟练掌握 ... -
JS数组操作
2012-09-28 13:32 1136对于js来说,原生的Arr ... -
Javascript hasOwnProperty 方法 & in 关键字
2012-09-26 09:42 840/** * hasOwnPrope ...
相关推荐
js写的方法,可以设置cookie和获取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:包括得到cookie 设置cookie和删除cookie的代码
js中cookie的创建和读取单个cookie值,以及设置cookie的过期时间。 能够判断是否有自己需要查找的cookie,如果没有查到到就可以执行创建语句
javascript 操作cookiejavascript 操作cookiejavascript 操作cookie
而cookie是运行在客户端的,所以可以用JS来设置cookie. 假设有这样一种情况,在某个用例流程中,由A页面跳至B页面,若在A页面中采用JS用变量temp保存了某一变量的值,在B页面的时候,同样需要使用JS来引用temp的变量...