快速学习jQuery插件 Cookie插件使用方法


Posted in Javascript onDecember 01, 2015

Cookie是网站设计者放置在客户端的小文本文件。Cookie能为用户提供很多的使得,例如购物网站存储用户曾经浏览过的产品列表,或者门户网站记住用户喜欢选择浏览哪类新闻。 在用户允许的情况下,还可以存储用户的登录信息,使得用户在访问网站时不必每次都键入这些信息
使用方法:
1.引入jquery.cookie.js

<script src="scripts/jquery-1.6.4.js" type="text/javascript"></script> 
<script src="scripts/jquery.cookie.js" type="text/javascript"></script>

2、方法

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);

3.将cookie写入文件

var COOKIE_NAME = 'username'; 
  if( $.cookie(COOKIE_NAME) ){ 
    $("#username").val( $.cookie(COOKIE_NAME) ); 
  } 
  $("#check").click(function(){ 
    if(this.checked){ 
      $.cookie(COOKIE_NAME, $("#username").val() , { path: '/', expires: 10 }); 
      //var date = new Date(); 
      //date.setTime(date.getTime() + (3 * 24 * 60 * 60 * 1000)); //三天后的这个时候过期 
      //$.cookie(COOKIE_NAME, $("#username").val(), { path: '/', expires: date }); 
    }else{ 
      $.cookie(COOKIE_NAME, null, { path: '/' }); //删除cookie 
    } 
  });

参数设置:
expires: (Number | Date)  :有效期,可以设置一个整数作为有效期(单位:天),也可以设置一个日期对象作为Cookie的过期日期。如果指定日期为负数,那么此cookie将被删除;如果不设置或者设置为null,那么此cookie将被当作Session Cookie处理,并且在浏览器关闭后删除
path:  (String) : Cookie的路径属性,默认是创建该cookie的页面路径
domain: (String)  : Cookie的域名属性,默认是创建该cookie的页面域名
secure: (Boolean) 如果设为true,那么此cookie的传输会要求一个安全协议,例如HTTPS。

以上就是小编整理的几篇文章综合得到的关于Cookie插件的使用方法,希望可以帮到大家。

Javascript 相关文章推荐
Prototype源码浅析 String部分(三)之HTML字符串处理
Jan 15 Javascript
在表单提交前进行验证的几种方式整理
Jul 31 Javascript
Javascript实现的常用算法(如冒泡、快速、鸽巢、奇偶等)
Apr 29 Javascript
jQuery on方法传递参数示例
Dec 09 Javascript
浅谈jQuery中setInterval()方法
Jul 07 Javascript
详解js界面跳转与值传递
Nov 22 Javascript
解析预加载显示图片艺术
Dec 05 Javascript
HTML5开发Kinect体感游戏的实例应用
Sep 18 Javascript
如何使用puppet替换文件中的string
Dec 06 Javascript
iview实现select tree树形下拉框的示例代码
Dec 21 Javascript
JS 封装父页面子页面交互接口的实例代码
Jun 25 Javascript
js实现ajax的用户简单登入功能
Jun 18 Javascript
快速学习jQuery插件 jquery.validate.js表单验证插件使用方法
Dec 01 #Javascript
JavaScript使用DeviceOne开发实战(二) 生成调试安装包
Dec 01 #Javascript
JavaScript使用DeviceOne开发实战(一) 配置和起步
Dec 01 #Javascript
快速学习jQuery插件 Form表单插件使用方法
Dec 01 #Javascript
jQuery学习笔记之Ajax用法实例详解
Dec 01 #Javascript
易操作的jQuery表单提示插件
Dec 01 #Javascript
JavaScript保留关键字汇总
Dec 01 #Javascript
You might like
PHP 应用程序的安全 -- 不能违反的四条安全规则
2006/11/26 PHP
PHP中把stdClass Object转array的几个方法
2014/05/08 PHP
PHP模板引擎Smarty之配置文件在模板变量中的使用方法示例
2016/04/11 PHP
jquery checkbox,radio是否选中的判断代码
2010/03/20 Javascript
基于jQuery的弹出警告对话框美化插件(警告,确认和提示)
2010/06/10 Javascript
Javascript图像处理思路及实现代码
2012/12/25 Javascript
最好用的省市二级联动 原生js实现你值得拥有
2013/09/22 Javascript
无刷新预览所选择的图片示例代码
2014/04/02 Javascript
js中回调函数的学习笔记
2014/07/31 Javascript
Node.js程序中的本地文件操作用法小结
2016/03/06 Javascript
第二篇Bootstrap起步
2016/06/21 Javascript
原生js实现无限循环轮播图效果
2017/01/20 Javascript
基于rem的移动端响应式适配方案(详解)
2017/07/07 Javascript
利用node.js实现自动生成前端项目组件的方法详解
2017/07/12 Javascript
JS实现问卷星自动填问卷脚本并在两秒自动提交功能
2020/06/17 Javascript
jquery ajax异步提交表单数据的方法
2017/10/27 jQuery
vue两个组件间值的传递或修改方式
2018/07/04 Javascript
小程序登录/注册页面设计的实现代码
2019/05/24 Javascript
JS实现的对象去重功能示例
2019/06/04 Javascript
js实现固定区域内的不重叠随机圆
2019/10/24 Javascript
JS求解两数之和算法详解
2020/04/28 Javascript
js编写简易的计算器
2020/07/29 Javascript
django自定义Field实现一个字段存储以逗号分隔的字符串
2014/04/27 Python
Python简单实现子网掩码转换的方法
2016/04/13 Python
轻量级的Web框架Flask 中模块化应用的实现
2017/09/11 Python
Django框架实现的简单分页功能示例
2018/12/04 Python
python构建指数平滑预测模型示例
2019/11/21 Python
Python打包模块wheel的使用方法与将python包发布到PyPI的方法详解
2020/02/12 Python
使用HTML5 Canvas绘制直线或折线等线条的方法讲解
2016/03/14 HTML / CSS
HTML5中form如何关闭自动完成功能的方法
2018/07/02 HTML / CSS
公司员工检讨书
2014/02/08 职场文书
主管会计岗位责任制
2014/02/10 职场文书
教师辞职书范文
2015/02/26 职场文书
无线电通信名词解释
2022/02/18 无线电
Redis如何使用乐观锁(CAS)保证数据一致性
2022/03/25 Redis
数据设计之权限的实现
2022/08/05 MySQL