javascript 中cookie读、写与删除操作
前言：
在这个前端横行的时候，页面之间的交互需要数据的传递，有的数据通过url传参的形式可以很好地解决，但是对于部分需要改变的参数，你如说从页面a到页面b选择数据，然后从页面b将数据再传到页面a（典型的栗子就是收货地址的选择），针对这一块我是通过存储cookie来解决的。
对于cookie的操作我给出了一些简单的封装，当然也借鉴了前辈们经验，自己糅合了一下，对于cookie的操作，无非是读写和删除，我们首先来看一下写的操作，有写才有读，进而进行删除等操作。
我要评论
/**
* 设置cookie
* @param name 设置cookie的属性名
* @param value 设置cookie的属性值
* @param time 设置cookie的时间
*/
function setcookie(name, value , time) {
time = time ? parsefloat(time) : 0 ;
var exp = new date();
exp.settime(exp.gettime() + time);
// escape 这种编码方式过时了 改用 encodeuricomponent
// document.cookie = name + "=" + escape(value) + ";expires=" + (time ? exp.togmtstring() : 'session');
document.cookie = name + "=" + encodeuricomponent(value) + ";expires=" + (time ? exp.togmtstring() : 'session');
}
我们有了写的操作了，那么我们再来看看对于读的操作。
/**
* 获取cookie
* @param name
* @returns {null}
*/
function getcookie(name) {
var arr, reg = new regexp("(^| )" + name + "=([^;]*)(;|$)");
if (arr = document.cookie.match(reg))
//unescape这种解码方式好像过时了，可以采用decodeuricomponent解码方式
//return unescape(arr[2]);
return decodeuricomponent(arr[2]);
else
return null;
}
接下就是对cookie的删除操作了，其实这个操作很简单，就是将cookie设置过期，cookie就自动失效了
/**
* 删除cookie
* @param name
*/
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();
}
以上就是对cookie的一些简单操作
接下来我们来谈一点cookie的深层次的问题：cookie的跨域
js跨域同步cookie怎么实现
document.cookie = "name=" + "value;" + "expires=" + "datatime;" + "domain=" + "" + "path=" + "/path" + "; secure";
/**
* 删除cookie
* value cookie值
* expires 有效期截至(单位毫秒)
* path 子目录
* domain 有效域
* secure 是否安全
*/
<iframe src='http://网站:1234/test/index' width='100' height='100' style="display:none"></iframe>
/*
*原页面js里 window.location = "http://另外一个网站:1234/getcookie/index?" + document.cookie;跳到另外一个站，另外一个站获取cookie，设置cookie
*/
var url = window.location.tostring();//获取地址
var get = url.substring(url.indexof("liuph"));//获取变量和变量值
var idx = get.indexof("=");//获取变量名长度
if (idx != -1) {
var name = get.substring(0, idx);//获取变量名
var val = get.substring(idx + 1);//获取变量值
setcookie(name, val, 1);//创建cookie
}
以上就是今天对cookie的解读。
感谢阅读，希望能帮助到大家，谢谢大家对本站的支持！
如对本文有疑问， 点击进行留言回复！！
2016年信息安全工程师综合知识第11-15题解析【建群网培信息安全工程师】
网友评论