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 相关文章推荐
IE与FireFox中的childNodes区别
Oct 20 Javascript
JavaScript高级程序设计(第3版)学习笔记13 ECMAScript5新特性
Oct 11 Javascript
js 火狐下取本地路径实现思路
Apr 02 Javascript
JavaScript通过RegExp实现客户端验证处理程序
May 07 Javascript
js 判断js函数、变量是否存在的简单示例代码
Mar 04 Javascript
jQuery通过Ajax返回JSON数据
Apr 28 Javascript
JS集成fckeditor及判断内容是否为空的方法
May 27 Javascript
将angular-ui的分页组件封装成指令的方法详解
May 10 Javascript
Node.js 中使用 async 函数的方法
Nov 20 Javascript
Vue2.0学习系列之项目上线的方法步骤(图文)
Sep 25 Javascript
javascript实现简单打字游戏
Oct 29 Javascript
基于JS实现计算24点算法代码实例解析
Jul 23 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编程注意事项的小结
2013/04/27 PHP
php使用异或实现的加密解密实例
2013/09/04 PHP
在PHP中使用FastCGI解析漏洞及修复方案
2015/11/10 PHP
javascript之dhDataGrid Ver2.0.0代码
2007/07/01 Javascript
javascript延时加载之defer测试
2012/12/28 Javascript
jQuery+css+html实现页面遮罩弹出框
2013/03/21 Javascript
用JavaScript实现类似于ListBox功能示例代码
2014/03/09 Javascript
js的toLowerCase方法用法实例
2015/01/27 Javascript
原创jQuery弹出层插件分享
2015/04/02 Javascript
深入浅析Extjs中store分组功能的使用方法
2016/04/20 Javascript
jquery选择器中的空格与大于号&gt;、加号+与波浪号~的区别介绍
2016/06/24 Javascript
jQuery基于函数重载实现自定义Alert函数样式的方法
2016/07/27 Javascript
AngularJS  $on、$emit和$broadcast的使用
2016/09/05 Javascript
JS组件系列之MVVM组件构建自己的Vue组件
2017/04/28 Javascript
JS+jQuery实现注册信息的验证功能
2017/09/26 jQuery
解决angularJS中input标签的ng-change事件无效问题
2018/09/13 Javascript
小程序如何在不同设备上自适应生成海报的实现方法
2019/08/20 Javascript
JavaScript实现烟花绽放动画效果
2020/08/04 Javascript
Python使用tablib生成excel文件的简单实现方法
2016/03/16 Python
KMP算法精解及其Python版的代码示例
2016/06/01 Python
Python3用tkinter和PIL实现看图工具
2018/06/21 Python
如何利用Boost.Python实现Python C/C++混合编程详解
2018/11/08 Python
Python实现的栈、队列、文件目录遍历操作示例
2019/05/06 Python
python实现从本地摄像头和网络摄像头截取图片功能
2019/07/11 Python
Python单元测试工具doctest和unittest使用解析
2019/09/02 Python
python中如何打包用户自定义模块
2020/09/23 Python
10个python爬虫入门实例(小结)
2020/11/01 Python
CSS3实现10种Loading效果
2016/07/11 HTML / CSS
Diptyque英国官方网站:源自法国的知名香氛品牌
2019/08/28 全球购物
用Python匹配HTML tag的时候,<.*>和<.*?>有什么区别
2012/11/04 面试题
工程质量承诺书
2014/03/27 职场文书
法律系毕业生自荐信范文
2014/03/27 职场文书
桥梁工程专业求职信
2014/04/21 职场文书
入伍通知书
2015/04/23 职场文书
2015年手术室工作总结
2015/05/11 职场文书
2016保送生自荐信范文
2016/01/29 职场文书