jQuery.cookie.js使用方法及相关参数解释


Posted in Javascript onMarch 06, 2017

cookie操作需要上传到服务器才能查看到结果本地不行

一个轻量级的cookie 插件,可以读取、写入、删除 cookie。

jquery.cookie.js 的配置

首先包含jQuery的库文件,在后面包含 jquery.cookie.js 的库文件。

<script type="text/javascript" src="js/jquery-1.6.2.min.js"></script> 
<script type="text/javascript" src="js/jquery.cookie.js"></script>

使用方法

1.新添加一个会话 cookie:

$.cookie('the_cookie', 'the_value');

注:当没有指明 cookie有效时间时,所创建的cookie有效期默认到用户关闭浏览器为止,所以被称为

“会话cookie(session cookie)”。

2.创建一个cookie并设置有效时间为 7天:

$.cookie('the_cookie', 'the_value', { expires: 7 });

注:当指明了cookie有效时间时,所创建的cookie被称为“持久 cookie (persistent cookie)”。

3.创建一个cookie并设置 cookie的有效路径:

$.cookie('the_cookie', 'the_value', { expires: 7, path: '/' });

注:在默认情况下,只有设置 cookie的网页才能读取该 cookie。如果想让一个页面读取另一个页面设

置的cookie,必须设置cookie的路径。cookie的路径用于设置能够读取 cookie的顶级目录。将这

个路径设置为网站的根目录,可以让所有网页都能互相读取 cookie (一般不要这样设置,防止出现冲突) 。

4.读取cookie:

$.cookie('the_cookie'); // cookie存在 => 'the_value' 
$.cookie('not_existing'); // cookie不存在 => null

5.删除cookie,通过传递null作为cookie的值即可:

$.cookie('the_cookie', null);

----------相关参数的解释---------------

1).expires: 365

定义cookie的有效时间,值可以是一个数字(从创建cookie时算起,以天为单位)或一个Date 对

象。如果省略,那么创建的cookie是会话cookie,将在用户退出浏览器时被删除。

2).path: '/'

默认情况:只有设置cookie的网页才能读取该cookie。

定义cookie的有效路径。默认情况下, 该参数的值为创建 cookie 的网页所在路径(标准浏览器的行为) 。

如果你想在整个网站中访问这个cookie需要这样设置有效路径:path: '/'。如果你想删除一个定义

了有效路径的 cookie,你需要在调用函数时包含这个路径:$.cookie('the_cookie', null,

{ path: '/' });。 domain: 'example.com'

默认值:创建 cookie的网页所拥有的域名。

3).secure: true

默认值:false。如果为true,cookie的传输需要使用安全协议(HTTPS)。

4).raw: true

默认值:false。

默认情况下,读取和写入 cookie 的时候自动进行编码和解码(使用encodeURIComponent 编码,

decodeURIComponent 解码)。要关闭这个功能设置 raw: true 即可。

以上所述是小编给大家介绍的jQuery.cookie.js使用方法及相关参数解释,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对三水点靠木网站的支持!

Javascript 相关文章推荐
javascript 面向对象继承
Nov 26 Javascript
JavaScript将数据转换成整数的方法
Jan 04 Javascript
对table和ul实现js分页示例分享
Feb 24 Javascript
js实现ifram取父窗口URL地址的方法
Feb 09 Javascript
jQuery中 attr() 方法使用小结
May 03 Javascript
EasyUI中在表单提交之前进行验证
Jul 19 Javascript
学习掌握JavaScript中this的使用技巧
Aug 29 Javascript
详解angular element()方法使用
Apr 08 Javascript
深入理解vue-router之keep-alive
Aug 31 Javascript
vuex 解决报错this.$store.commit is not a function的方法
Dec 17 Javascript
微信内置开发 iOS修改键盘换行为搜索的解决方案
Nov 06 Javascript
原生JS生成指定位数的验证码
Oct 28 Javascript
jQuery Validate 相关参数及常用的自定义验证规则
Mar 06 #Javascript
jQuery简单实现遍历单选框的方法
Mar 06 #Javascript
jQuery在header中设置请求信息的方法
Mar 06 #Javascript
jQuery插件FusionCharts实现的2D柱状图效果示例【附demo源码下载】
Mar 06 #Javascript
Vue.js 2.0中select级联下拉框实例
Mar 06 #Javascript
jquery获取select,option所有的value和text的实例
Mar 06 #Javascript
Bootstrap按钮组简单实现代码
Mar 06 #Javascript
You might like
DedeCMS dede_channeltype表字段注释
2010/04/07 PHP
鼠标放在图片上显示大图的JS代码
2013/03/26 Javascript
jQuery通过deferred对象管理ajax异步
2016/05/20 Javascript
JS实现的自定义水平滚动字体插件完整实例
2016/06/17 Javascript
深入理解vue Render函数
2017/07/19 Javascript
vue组件父子间通信之综合练习(聊天室)
2017/11/07 Javascript
微信小程序实现点击按钮修改文字大小功能【附demo源码下载】
2017/12/06 Javascript
Node.js的进程管理的深入理解
2019/01/09 Javascript
生成无限制的微信小程序码的示例代码
2019/09/20 Javascript
vue3.0 的 Composition API 的使用示例
2020/10/26 Javascript
python创建和使用字典实例详解
2013/11/01 Python
Python实现抓取页面上链接的简单爬虫分享
2015/01/21 Python
python获取目录下所有文件的方法
2015/06/01 Python
速记Python布尔值
2017/11/09 Python
浅谈pandas中Dataframe的查询方法([], loc, iloc, at, iat, ix)
2018/04/10 Python
pandas 两列时间相减换算为秒的方法
2018/04/20 Python
pandas数据处理进阶详解
2019/10/11 Python
解决django后台管理界面添加中文内容乱码问题
2019/11/15 Python
python关闭占用端口方式
2019/12/17 Python
matlab 计算灰度图像的一阶矩,二阶矩,三阶矩实例
2020/04/22 Python
Stuart Weitzman欧盟:美国奢华鞋履品牌
2017/05/24 全球购物
管道维修工岗位职责
2013/12/27 职场文书
房地产还款计划书
2014/01/10 职场文书
大学生个人自荐信
2014/02/24 职场文书
中华美德颂演讲稿
2014/05/20 职场文书
爱护公物演讲稿
2014/09/09 职场文书
家长通知书家长意见
2014/12/30 职场文书
青岛海底世界导游词
2015/02/11 职场文书
2015年公司保安年终工作总结
2015/05/14 职场文书
病房管理制度范本
2015/08/06 职场文书
三八红旗手主要事迹材料
2015/11/04 职场文书
PHP解决高并发问题
2021/04/01 PHP
浅谈Redis的几个过期策略
2021/05/27 Redis
Python语言规范之Pylint的详细用法
2021/06/24 Python
Java Kafka 消费积压监控的示例代码
2021/07/01 Java/Android
vue实现Toast组件轻提示
2022/04/10 Vue.js