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具备兼容性的拖动代码
Aug 13 Javascript
javascript 日期时间 转换的方法
Feb 21 Javascript
超炫的jquery仿flash导航栏特效
Nov 11 Javascript
jQuery操作JSON的CRUD用法实例
Feb 25 Javascript
很全面的JavaScript常用功能汇总集合
Jan 22 Javascript
jQuery中Nicescroll滚动条插件的用法
Nov 10 Javascript
JavaScript 中对象的深拷贝
Dec 04 Javascript
JS实现css hover操作的方法示例
Apr 07 Javascript
js判断文件类型大小并给出提示的实现方法
Jan 03 Javascript
微信小程序 可搜索的地址选择实现详解
Aug 28 Javascript
使用 Element UI Table 的 slot-scope方法
Oct 10 Javascript
Vue OpenLayer测距功能的实现
Apr 20 Vue.js
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
模仿OSO的论坛(一)
2006/10/09 PHP
PHP return语句的另一个作用
2014/07/30 PHP
PHP日期函数date格式化UNIX时间的方法
2015/03/19 PHP
基于php流程控制语句和循环控制语句(讲解)
2017/10/23 PHP
PHP设计模式之工厂模式(Factory Pattern)的讲解
2019/03/21 PHP
使用PHPWord生成word文档的方法详解
2019/06/06 PHP
laravel框架之数据库查出来的对象实现转化为数组
2019/10/23 PHP
CSS+Jquery实现页面圆角框方法大全
2009/12/24 Javascript
JavaScript面向对象(极简主义法minimalist approach)
2012/07/17 Javascript
JavaScript简单实现网页回到顶部功能
2013/11/12 Javascript
JS获得浏览器版本和操作系统版本的例子
2014/05/13 Javascript
jQuery中prop()方法用法实例
2015/01/05 Javascript
javascript实现网页中涉及的简易运动(改变宽高、透明度、位置)
2015/11/29 Javascript
谈一谈bootstrap响应式布局
2016/05/23 Javascript
mvc 、bootstrap 结合分布式图简单实现分页
2016/10/10 Javascript
bootstrapValidator 重新启用提交按钮的方法
2017/02/20 Javascript
详解Angular2 之 结构型指令
2017/06/21 Javascript
限时抢购-倒计时的完整实例(分享)
2017/09/17 Javascript
小程序云开发初探(小结)
2018/10/24 Javascript
JS图片懒加载技术实现过程解析
2020/07/27 Javascript
[49:54]Ti4 循环赛第三日 LGD vs Titan
2014/07/12 DOTA
Python数据分析之双色球中蓝红球分析统计示例
2018/02/03 Python
python3 对list中每个元素进行处理的方法
2018/06/29 Python
Python数据类型之String字符串实例详解
2019/05/08 Python
pytorch dataloader 取batch_size时候出现bug的解决方式
2020/02/20 Python
15行Python代码实现免费发送手机短信推送消息功能
2020/02/27 Python
pip安装tensorflow的坑的解决
2020/04/19 Python
keras 获取某层的输入/输出 tensor 尺寸操作
2020/06/10 Python
Python3安装模块报错Microsoft Visual C++ 14.0 is required的解决方法
2020/07/28 Python
使用PyCharm安装pytest及requests的问题
2020/07/31 Python
Python实现LR1文法的完整实例代码
2020/10/25 Python
python爬取招聘要求等信息实例
2020/11/20 Python
如何用H5实现一个触屏版的轮播器的实例
2017/01/09 HTML / CSS
意大利在线眼镜精品店:Ottica Lipari
2019/11/11 全球购物
学党史心得体会
2014/09/05 职场文书
Python中常见的导入方式总结
2021/05/06 Python