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 相关文章推荐
jquery click([data],fn)使用方法实例介绍
Jul 08 Javascript
JavaScript对象学习经验整理
Oct 12 Javascript
js在数组中删除重复的元素自保留一个(两种实现思路)
Aug 22 Javascript
在线所见即所得HTML编辑器的实现原理浅析
Apr 25 Javascript
Jquery和angularjs获取check框选中的值的方法汇总
Jan 17 Javascript
Bootstrap中CSS的使用方法
Feb 17 Javascript
jQuery ajax方法传递中文时出现中文乱码的解决方法
Jul 25 Javascript
JS实现旋转木马式图片轮播效果
Jan 18 Javascript
js实现带进度条提示的多视频上传功能
Dec 13 Javascript
Vue Element使用icon图标教程详解(第三方)
Feb 07 Javascript
JQuery事件冒泡和默认行为代码实例
May 13 jQuery
nginx配置域名后的二级目录访问不同项目的配置操作
Nov 06 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/09/30 PHP
深入分析PHP优化及注意事项
2016/07/04 PHP
Laravel5中Cookie的使用详解
2017/05/03 PHP
纯JS实现五子棋游戏兼容各浏览器(附源码)
2013/04/24 Javascript
JavaScript 动态加载脚本和样式的方法
2015/04/13 Javascript
学习Bootstrap组件之下拉菜单
2015/07/28 Javascript
理解javascript中的严格模式
2016/02/01 Javascript
jquery注册文本框获取焦点清空,失去焦点赋值的简单实例
2016/09/08 Javascript
EditPlus中的正则表达式 实战(4)
2016/12/15 Javascript
Bootstrap CSS布局之图像
2016/12/17 Javascript
详解layui中的树形关于取值传值问题
2018/01/16 Javascript
JavaScript事件委托原理与用法实例分析
2018/06/07 Javascript
vue2使用keep-alive缓存多层列表页的方法
2018/09/21 Javascript
使用koa2创建web项目的方法步骤
2019/03/12 Javascript
jQuery模仿ToDoList实现简单的待办事项列表
2019/12/30 jQuery
JS几个常用的函数和对象定义与用法示例
2020/01/15 Javascript
Vue如何使用混合Mixins和插件开发详解
2020/02/05 Javascript
vue路由权限校验功能的实现代码
2020/06/07 Javascript
vuejs element table 表格添加行,修改,单独删除行,批量删除行操作
2020/07/18 Javascript
[51:53]完美世界DOTA2联赛循环赛 LBZS vs DM BO2第二场 11.01
2020/11/02 DOTA
Python文本统计功能之西游记用字统计操作示例
2018/05/07 Python
用Python实现筛选文件脚本的方法
2018/10/27 Python
Python Django的安装配置教程图文详解
2019/07/17 Python
python tkinter组件使用详解
2019/09/16 Python
利用Python实现Json序列化库的方法步骤
2020/09/09 Python
利用CSS3实现折角效果实例源码
2016/09/28 HTML / CSS
Clarisonic美国官网:科莱丽声波洁面仪
2017/10/12 全球购物
澳洲的服装老品牌:SABA
2018/02/06 全球购物
道路建设实施方案
2014/03/18 职场文书
企业道德讲堂实施方案
2014/03/19 职场文书
公司承诺书格式
2014/05/21 职场文书
建设单位项目负责人任命书
2014/06/06 职场文书
死亡诗社观后感
2015/06/05 职场文书
龙猫观后感
2015/06/09 职场文书
用JS写一个发布订阅模式
2021/11/07 Javascript
Win11无法安装更新补丁KB3045316怎么办 附KB3045316补丁修复教程
2022/08/14 数码科技