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");
- 浏览: 853714 次
文章分类
- 全部博客 (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 4171.1.1 摘要 现在,我们经常使用的 ... -
基于1.3.3版本tooltip的datagrid单元格tip实现
2014-07-23 09:00 721文章目录 [隐藏] 1实现代 ... -
jQuery easyUI动态获取表结构并显示表中的数据)
2014-07-23 08:36 7662问题描述一: 首先根据输入的sql语句获得相关的列 ... -
jQuery plugin: Autocomplete 参数及实例
2014-07-18 10:34 621此插件依赖于 jquery 1.2.6 --- jqu ... -
kindeditor4.0.6的使用方法(jsp+struts2)
2014-07-17 08:58 781最近在研究kindeditor4.0.6在struts框架下 ... -
根据内容宽度、高度自适应,垂直水平居中,内容高度超过窗体时,垂直居顶
2013-06-26 14:47 14281、CSS方法 <! ... -
jQuery 页面载入进度条 (必有一款适合你----综合搜集版)
2013-03-29 14:17 3432链接主题: 预加载图片 延迟加载图 ... -
js中两个感叹号的原理与用法分析
2013-02-18 12:53 1630在javascript中 ... -
Google Maps JavaScript API V3 根据坐标画正方型范围
2013-01-29 11:04 1517首先需要一个方法,是把传递过来的经纬度按照半径N公里扩散, ... -
Javascript工具包
2013-01-09 14:13 1007是一个免费的开放的Javascript工具包,里面有很多 ... -
加入收藏设为首页代码(兼容各种浏览器)
2012-12-05 09:18 1263把页面设置为首页,加入收藏功能,支持ie,ff,chrome, ... -
js通过汉子转化汉语拼音首字母
2012-10-27 12:59 1240<script type="text/vbsc ... -
JS实现把汉字转换为拼音
2012-10-26 16:23 2855用人在知道里面提问,如何用javascript程序把汉 ... -
使用YUI Compressor压缩JS CSS文件。节省开销
2012-10-25 11:45 1697互联网使用JS CSS 等静态资源文件 压缩工具 让你的网站更 ... -
Ajax 实现级联菜单
2012-10-16 09:34 1063自己动手实现的一个Ajax级联菜单,开发平台:Eclipse, ... -
JS监控关闭浏览器操作
2012-10-15 14:50 1446需求如下: 用户关闭浏览器通知后台。 方案如下: 1 ... -
根据浏览者的IP切换成不同语言,新浪网易IP地区信息查询API接口调用方法
2012-09-30 10:26 1256工作需求,要根据浏览者的IP切换成不同语言的页面,记了 ... -
前端开发中最常见的12个HTML标签错误
2012-09-29 11:53 1128开发者在写HTML代码的时候一定要仔细,并熟练掌握 ... -
JS数组操作
2012-09-28 13:32 1163对于js来说,原生的Arr ... -
Javascript hasOwnProperty 方法 & in 关键字
2012-09-26 09:42 876/** * hasOwnPrope ...
相关推荐
js写的方法,可以设置cookie和获取cookie值,简单易懂
JS的COOKIE设置和清楚,写好的一个函数,方便调用,可直接写成函数的方式
当一个Cookie被设置为HttpOnly时,JavaScript无法通过Document.cookie API或其他方式访问到这个Cookie。这样一来,即使网页中存在XSS漏洞,恶意脚本也无法窃取到包含敏感信息的Cookie,从而降低了攻击者盗取用户身份...
用js设置cookie,并能读取 用js设置cookie,并能读取
本文将详细讲解如何使用JavaScript(JS)来设置和读取cookie,从而实现登录时记住密码的功能。 首先,理解cookie的基本概念。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
在JavaScript(JS)中,Cookie是一种非常常见的技术,用于存储客户端的数据。Cookie主要由服务器端设置,然后由浏览器在每次请求该服务器时自动发送。在本文中,我们将深入探讨如何使用JavaScript来创建、读取、更新...
本文将详细讲解JavaScript如何封装对Cookie的操作,包括使用jQuery和纯JavaScript的方法。 首先,我们要了解Cookie的基本概念。Cookie由服务器端设置并通过HTTP头发送到浏览器,浏览器会在本地存储这些数据,并在...
js操作cookie实现历史访客信息的自动填写,代码包含cookie的读出方法和写入方法,还包含有cookie的删除方法。
如果需要为Cookie设置一个自定义的过期时间,可以定义额外的函数来处理时间的计算。例如,可以创建一个`setsec`函数来将时间字符串转换为对应的毫秒数,并使用这个函数来设置Cookie的有效期。 ```javascript ...
### 二、JavaScript设置Cookie 设置Cookie涉及到以下步骤: 1. 创建一个包含键值对的字符串,键和值之间用等号分隔,多个键值对之间用分号分隔。 2. 如果需要设置过期时间,需要额外添加一个“expires”属性,值为...
js_cookie源码下载,js-cookie用于操作cookie,笔者是因为一开始不会弄,后来会整下来了,鉴于自身经历,故将其分享出来。
`jQuery.cookie.js` 是一个方便的jQuery插件,它简化了JavaScript操作Cookie的过程。在这个实例中,我们将深入探讨如何使用`jquery.cookie.js`来实现Cookie的存取、删除和更新功能。 首先,我们需要在HTML文件(如`...
3. 使用js-cookie设置cookie,并指定过期时间。通过设置过期时间戳(单位为毫秒)来实现任意时间长度的有效期。例如,设置10秒后失效的cookie可以这样做: ```javascript let seconds = 10; let expires = new ...
javascript 操作cookiejavascript 操作cookiejavascript 操作cookie
了解如何使用JavaScript来设置和检测Cookie的有效期对于前端开发者来说是十分重要的技能。通过本文,我们将深入探讨JavaScript中设置Cookie有效期的方法以及如何检测特定的Cookie是否存在。 首先,我们来看如何使用...