js操作cookie保存一些基本信息
JS设置cookie:
假设在A页面中要保存变量username的值("Tokin")到cookie中,key值为name，则相应的JS代码为：
document.cookie="name="+username;
JS读取cookie:
假设cookie中存储的内容为：name=Tokin;xxx=xxx;...
则在B页面中获取变量username的值的JS代码如下：
var username=document.cookie.split(";")[0].split("=")[1];
最后，username就可以取出来了。
既然知道了基本的cookie读写操作，那我们可以把这个操作封装成一系列函数，方便之后的频繁调用。
函数如下
//写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","Tokin"); //写cookie
console.log(getCookie("name")); //读cookie
delCookie("name"); //删cookie
console.log(getCookie("name")); //再次读应该是读不到的
拓展功能
如果需要设定自定义过期时间，那么把上面的setCookie 函数换成下面两个函数就ok//写cookie
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 str11000;
else if (str2=="h") return str160601000;
else if (str2=="d") return str1246060*1000;
}
//这是有设定过期时间的使用示例：
//s30是代表30秒
//h是指小时，如12小时则是：h12
//d是天数，30天则：d30
setCookie("name","Tokin","h12"); //写入操作，可以设定过期时间了（12小时）
沙发，好久没见。 :wink:
板凳 :grin:
:sad: 为什么那么水
又一个更新，恭喜贺喜
:mrgreen: 学习了
:smile: 露脸
首页右侧的广告是什么鬼？ :razz:
就是很单纯无邪的广告哇
咦！居然打开了
什么时候打不开的
可以转载内容吗？ :smile: 会注明出处
可以的
好久没来访，老朋友新年快乐
我们公司还没放假，你就开始新年快乐了。。。不快乐哇 :cry:
JS还是感觉好复杂，学不通···
不是我说,这色调是真不咋地 :arrow:
大佬，给我点灵感 :roll:
已发送到邮箱 :mrgreen:
快上QQ
:neutral: 换成时间轴的啦，是不是又要出新主题了
啊哈，显然又要搞事情。。
很好的主题
博主目前用的这个主题卖吗？
暂时还没做完，搞完应该就开卖了