<强>,javascript中Cookie读,写与删除操作
<强>前言:
在这个前端横行的时候,页面之间的交互需要数据的传递,有的数据通过url传参的形式可以很好地解决,但是对于部分需要改变的参数,你如说从页面一到页面B选择数据,然后从页面B将数据再传到页面一个(典型的栗子就是收货地址的选择),针对这一块我是通过存储cookie来解决的。
对于饼干的操作我给出了一些简单的封装,当然也借鉴了前辈们经验,自己糅合了一下,对于饼干的操作,无非是读写和删除,我们首先来看一下写的操作,有写才有读,进而进行删除等操作。
/* *
*设置饼干
* @param名字设置饼干的属性名
* @param值设置饼干的属性值
* @param时间设置饼干的时间
*/函数setCookie(名称、值、时间){
时间=& # 63;parseFloat(时间):0;
var exp=new日期();
exp.setTime (exp.getTime() +时间);//转义这种编码方式过时了改用encodeURIComponent//文档。饼干=名称+ "=" +逃脱(值)+”;到期=" +(时间& # 63;exp.toGMTString():“会话”);
文档。饼干=名称+ "=" + encodeURIComponent(值)+”;到期=" +(时间& # 63;exp.toGMTString():“会话”);
}
之前
我们有了写的操作了,那么我们再来看看对于读的操作。
/* *
*获取饼干
* @param名字
* @returns{零}
*/函数getCookie(名字){
var加勒比海盗,reg=new RegExp(”(^ |)”+名字+”=((^;)*);| $ ");
如果(arr=document.cookie.match (reg))//unescape这种解码方式好像过时了,可以采用decodeURIComponent解码方式//返回unescape (arr [2]);
返回decodeURIComponent (arr [2]);
其他的
返回null;
}
之前
接下就是对饼干的删除操作了,其实这个操作很简单,就是将饼干设置过期,饼干就自动失效了
/* *
*删除饼干
* @param名字
*/函数delCookie(名字){
var exp=new日期();
exp.setTime (exp.getTime () - 1);
var cval=getCookie(名称);
如果(cval !=null)
文档。饼干=名称+ "=" + cval +”;到期=" + exp.toGMTString ();
}
之前
以上就是对饼干的一些简单操作
接下来我们来谈一点饼干的深层次的问题:饼干的跨域
Js跨域同步饼干怎么实现
文档。饼干=" name=" +“价值;”+ "到期=" + " datatime;“+”域=" + " " + "路径=" + "/路径”+”;安全”;/* *
*删除饼干
*价值Cookie值
*到期有效期截至(单位毫秒)
*路径子目录
*域有效域
*安全是否安全
*/& lt; iframe的src=' http://网站:1234/测试/指数”宽度=?00’高度=100年的祝辞& lt;/iframe>/*
*原页面js里窗口。位置=" http://另外一个网站:1234/GetCookie/指数# 63;”+。com,跳到另外一个站,另外一个站获取饼干,设置饼干
*/var url=window.location.toString();//获取地址
var得到=url.substring (url.indexOf (“liuph”));//获取变量和变量的值
var idx=get.indexOf("=");//获取变量名长度
如果(idx !=1) {
var name=ubstring (0, idx);//获取变量名
var val=ubstring (idx + 1);//获取变量的值
setCookie(名称、val 1);//创建饼干
}
之前
以上就是今天对饼干的解读。
感谢阅读,希望能帮助到大家,谢谢大家对本站的支持!,
