网页换肤(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
  • 本文分类:锋利的JQuery实例
  • 本文标签:cookie网页换肤
  • 流行热度:已超过 198 人围观了本文
  • 最后更新:2019年09月12日 - 1时18分34秒
  • 发布日期:2019年09月12日 - 1时18分34秒
  • 版权申明:本文系作者@木灵鱼儿原创发布在木灵鱼儿站点。未经许可,禁止转载。

相关文章

微信收款码
微信收款码