木灵鱼儿

木灵鱼儿

阅读:1167

最后更新:2019/09/12/ 1:18:34

网页换肤(cookie)

由于jq的cookie插件已经放弃维护了,其团队改为js-cookie在github上进行新的开源分享。

地址为:https://github.com/js-cookie/js-cookie

下载到引用的js文件后引用即可。

调用方法:

//设置
Cookies.set(name,value,{expires: time, path: '/'});

//其中value的值支持对象的形式传入
var box = {
  a = 1,
  b = 2
}
Cookies.set(name,box,{expires: time, path: '/'});

//虽然支持传入,但是调用的时候需要进行json的解码
Cookies.getJSON(name);

//其他设置用一个对象的形式保存

//expires的参数需要传入Date的值或者是数字,格式如下

expires: 7  //这样表示七天后过期

var time = new Date(new Date().getTime() + 6 * 60 * 60 * 1000);
expires: time  //这样表示6小时后过期

//path
//继承了以前的传统,使用‘/’时表示是根目录,也就是index.html这个文件存在的那个根目录,留空也是可以的,如下

path : '/'

path : ''

//其他的就是domain、secure这两个常用的,domain设置域名,一般来说没有要求没必要写,secure为了安全,可以加上

知道cookie插件的使用方法后就可以开始动手了,这里就不多说了,上图看效果:

Demo地址

查看

版权申明

本文系作者 @木灵鱼儿 原创发布在木灵鱼儿 - 有梦就能远航站点。未经许可,禁止转载。

关于作者

站点职位 博主
获得点赞 0
文章被阅读 1167

相关文章