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 相关文章推荐
use jscript with List Proxy Server Information
Jun 11 Javascript
IE浏览器PNG图片透明效果代码
Sep 02 Javascript
myEvent.js javascript跨浏览器事件框架
Oct 24 Javascript
浅析onsubmit校验表单时利用ajax的return false无效问题
Jul 10 Javascript
jquery实现盒子下拉效果示例代码
Sep 12 Javascript
利用毫秒减值计算时长的js代码
Sep 22 Javascript
javascript确认框的三种使用方法
Dec 17 Javascript
javascript中clipboardData对象用法详解
May 13 Javascript
第一章之初识Bootstrap
Apr 25 Javascript
BootStrap glyphicons 字体图标实现方法
May 01 Javascript
原生js实现回复评论功能
Jan 18 Javascript
对Vue- 动态元素属性及v-bind和v-model的区别详解
Aug 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/05/09 PHP
php报表之jpgraph柱状图实例代码
2011/08/22 PHP
2个自定义的PHP in_array 函数,解决大量数据判断in_array的效率问题
2014/04/08 PHP
php抽奖概率算法(刮刮卡,大转盘)
2020/04/17 PHP
PHP unset函数原理及使用方法解析
2020/08/14 PHP
javascript面向对象的方式实现的弹出层效果代码
2010/01/28 Javascript
jquery入门—数据删除与隔行变色以及图片预览
2013/01/07 Javascript
JavaScript中获取样式的原生方法小结
2014/10/08 Javascript
JS中处理时间之setUTCMinutes()方法的使用
2015/06/12 Javascript
jQuery实现Flash效果上下翻动的中英文导航菜单代码
2015/09/22 Javascript
js读取并解析JSON类型数据的方法
2015/11/14 Javascript
理解javascript中DOM事件
2015/12/25 Javascript
javascript解决小数的加减乘除精度丢失的方案
2016/05/31 Javascript
Boostrap栅格系统与自己额外定义的媒体查询的冲突问题
2017/02/19 Javascript
简单谈谈关于 npm 5.0 的新坑
2017/06/08 Javascript
Vue.js结合Ueditor富文本编辑器的实例代码
2017/07/11 Javascript
vue中的计算属性的使用和vue实例的方法示例
2017/12/04 Javascript
Vue中使用sass实现换肤功能
2018/09/07 Javascript
Javascript 之封装(Package)
2018/09/14 Javascript
vue打包相关细节整理(小结)
2018/09/28 Javascript
在Bootstrap开发框架中使用dataTable直接录入表格行数据的方法
2018/10/25 Javascript
微信小程序日历组件使用方法详解
2018/12/29 Javascript
详解微信小程序-扫一扫 wx.scanCode() 扫码大变身
2019/04/30 Javascript
JS实现给数组对象排序的方法分析
2019/06/24 Javascript
python 实现插入排序算法
2012/06/05 Python
使用Python脚本对Linux服务器进行监控的教程
2015/04/02 Python
python奇偶行分开存储实现代码
2018/03/19 Python
对pandas中to_dict的用法详解
2018/06/05 Python
flask利用flask-wtf验证上传的文件的方法
2020/01/17 Python
python输出结果刷新及进度条的实现操作
2020/07/13 Python
Python环境配置实现pip加速过程解析
2020/11/27 Python
给医务人员表扬信
2014/01/12 职场文书
高三霸气励志标语
2014/06/24 职场文书
科级干部群众路线教育实践活动个人对照检查材料
2014/09/19 职场文书
学校通报表扬范文
2015/05/04 职场文书
清明祭英烈活动总结
2015/05/11 职场文书