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 继承详解(四)
Jul 13 Javascript
jquery.validate分组验证代码
Mar 17 Javascript
javascript简易缓动插件(源码打包)
Feb 16 Javascript
js实现图片轮换效果代码
Apr 16 Javascript
浅谈JavaScript中的分支结构
Jul 01 Javascript
AngularJS 避繁就简的路由
Jul 01 Javascript
Bootstrap零基础入门教程(三)
Jul 18 Javascript
JS 对java返回的json格式的数据处理方法
Dec 05 Javascript
ES6下React组件的写法示例代码
May 04 Javascript
微信小程序 扭蛋抽奖机css3动画实现详解
Jul 19 Javascript
微信小程序 (地址选择1)--选取搜索地点并显示效果
Dec 17 Javascript
Js生成随机数/随机字符串的方法小结【5种方法】
May 27 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
PHP 反向排序和随机排序代码
2010/06/30 PHP
php实现插入数组但不影响原有顺序的方法
2015/03/27 PHP
PHP设计模式之策略模式原理与用法实例分析
2019/04/04 PHP
用jquery与css打造个性化的单选框和复选框
2010/10/20 Javascript
js实现索引图片切换效果
2015/11/21 Javascript
JavaScript提升性能的常用技巧总结【经典】
2016/06/20 Javascript
炫酷的js手风琴效果
2016/10/13 Javascript
深入理解JavaScript继承的多种方式和优缺点
2017/05/12 Javascript
javascript实现延时显示提示框效果
2017/06/01 Javascript
详解Vue路由开启keep-alive时的注意点
2017/06/20 Javascript
基于vue实现网站前台的权限管理(前后端分离实践)
2018/01/13 Javascript
基于vue中解决v-for使用报红并出现警告的问题
2018/03/03 Javascript
angularjs性能优化的方法
2018/09/05 Javascript
jQuery实现网页拼图游戏
2020/04/22 jQuery
Python实现基于HTTP文件传输实例
2014/11/08 Python
python读写ini配置文件方法实例分析
2015/06/30 Python
Python下使用Scrapy爬取网页内容的实例
2018/05/21 Python
Django后台获取前端post上传的文件方法
2018/05/28 Python
python将txt文档每行内容循环插入数据库的方法
2018/12/28 Python
python读取有密码的zip压缩文件实例
2019/02/08 Python
python-xpath获取html文档的部分内容
2020/03/06 Python
Django缓存Cache使用详解
2020/11/30 Python
python实现杨辉三角的几种方法代码实例
2021/03/02 Python
澳大利亚天然护肤品、化妆品和健康产品一站式商店:Nourished Life
2018/12/02 全球购物
西班牙最大的婴儿用品网上商店:Bebitus
2019/05/30 全球购物
在购买印度民族服饰:Soch
2020/09/15 全球购物
.net工程师笔试题
2012/06/09 面试题
高中毕业生自我鉴定
2013/11/03 职场文书
车间班组长岗位职责
2013/11/13 职场文书
领导视察欢迎词
2014/01/15 职场文书
学校法制宣传月活动总结
2014/07/03 职场文书
班级体育活动总结
2014/07/05 职场文书
岗位竞聘报告范文
2014/11/06 职场文书
医院病假条怎么写
2015/08/17 职场文书
2016猴年春节慰问信
2015/11/30 职场文书
vue 数字翻牌器动态加载数据
2022/04/20 Vue.js