JS设置cookie、读取cookie、删除cookie的三个方法
来源:互联网 发布:穿越火线网络异常23 2 编辑:程序博客网 时间:2024/04/28 05:01
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];
下面就分别封装3个方法来实现设置、读取、删除cookie
1. 设置cookies
//name为cookie的名称,value为name值,expireHours为过期时间function setCookie(name,value,expireHours) { var exp = new Date(); exp.setTime(exp.getTime() + expireHours*60*60*1000); //exp过期时间 = 当前时间 +过期时间(秒) document.cookie = name + "="+ escape (value) + ";expires=" + exp.toGMTString(); //将值及过期时间一起保存至cookie中(需以GMT格式表示的时间字符串) //方法是用escape()函数进行编码,它能将一些特殊符号使用十六进制表示,例如空格将会编码为“20%”,从而可以存储于 cookie值中,而且使用此种方案还可以避免中文乱码的出现。}
2. 读取cookies
function getCookie(name) { var arr,reg=new RegExp("(^| )"+name+"=([^;]*)(;|$)"); if(arr=document.cookie.match(reg)) return unescape(arr[2]); else return null; }
3. 删除cookies
function delCookie(name) { var exp = new Date(); exp.setTime(exp.getTime() - 1); //将date设置为过去的时间 var cval=getCookie(name); if(cval!=null) document.cookie= name + "="+cval+";expires="+exp.toGMTString(); }
0 0
- JS设置cookie、读取cookie、删除cookie的三个方法
- JS设置cookie、读取cookie、删除cookie
- JS设置cookie、读取cookie、删除cookie
- JS设置cookie、读取cookie、删除cookie
- JS设置cookie、读取cookie、删除cookie
- JS设置cookie、读取cookie、删除cookie
- JS设置cookie、读取cookie、删除cookie
- JS设置cookie、读取cookie、删除cookie
- JS设置cookie、读取cookie、删除cookie
- JS设置cookie、读取cookie、删除cookie
- JS设置cookie、读取cookie、删除cookie
- JS设置cookie、读取cookie、删除cookie
- JS设置cookie、读取cookie、删除cookie
- JS设置cookie、读取cookie、删除cookie
- JS设置cookie、读取cookie、删除cookie
- JS设置cookie、读取cookie、删除cookie
- JS设置cookie、读取cookie、删除cookie
- JS设置cookie、读取cookie、删除cookie
- volley JSON请求数据
- POJ - 2828 - Buy Tickets(线段树-单点更新找位置)
- mysql 查询表字段名称 语句
- Spring+Velocity+Mybatis入门(step by step)
- 跨站请求伪造-CSRF防护方法
- JS设置cookie、读取cookie、删除cookie的三个方法
- [258] Add Digits
- SpringMVC返回json数据的三种方式
- SparseArray替代HashMap来提高性能
- java抽象工厂模式
- Volley Gson Json
- linux下oracle数据库自动备份
- android之插件式开发
- html5+ css3 +js实现网页计算器