网页换肤(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地址
版权申明
本文系作者 @木灵鱼儿 原创发布在木灵鱼儿站点。未经许可,禁止转载。
全部评论 1
iherb
Google Chrome Windows 8.1