快速学习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 相关文章推荐
你需要知道的10个最佳javascript开发实践小结
Apr 15 Javascript
jQuery 1.7.2中getAll方法的疑惑分析
May 23 Javascript
JS实现隐藏同级元素后只显示JS文件内容的方法
Sep 04 Javascript
原生JS实现的放大镜效果实例代码
Oct 15 Javascript
JS访问DOM节点方法详解
Nov 29 Javascript
javascript DOM的详解及实例代码
Mar 06 Javascript
简单实现JavaScript弹幕效果
Aug 27 Javascript
JS实现问卷星自动填问卷脚本并在两秒自动提交功能
Jun 17 Javascript
node错误处理与日志记录的实现
Dec 24 Javascript
微信小程序扫描二维码获取信息实例详解
May 07 Javascript
微信小程序HTTP接口请求封装代码实例
Sep 05 Javascript
vue路由实现登录拦截
Mar 24 Vue.js
快速学习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下判断数组中是否存在相同的值array_unique
2008/03/25 PHP
PHP daddslashes 使用方法介绍
2012/10/26 PHP
基于MySQL到MongoDB简易对照表的详解
2013/06/03 PHP
php生成html文件方法总结
2014/12/01 PHP
php生成图片缩略图的方法
2015/04/07 PHP
Yii2中SqlDataProvider用法示例
2016/09/22 PHP
php+redis实现多台服务器内网存储session并读取示例
2017/01/12 PHP
javascript写的日历类(基于pj)
2010/12/28 Javascript
javascript中encodeURI和decodeURI方法使用介绍
2013/05/06 Javascript
让angularjs支持浏览器自动填表
2014/11/10 Javascript
jQuery实现的鼠标滑过弹出放大图片特效
2016/01/08 Javascript
JavaScript jquery及AJAX小结
2016/01/24 Javascript
探究Javascript模板引擎mustache.js使用方法
2016/01/26 Javascript
js获取时间函数及扩展函数的方法
2016/10/30 Javascript
JavaScript使用ZeroClipboard操作剪切板
2017/05/10 Javascript
swiper插件自定义切换箭头按钮
2017/12/28 Javascript
laydate时间日历插件使用方法详解
2018/11/14 Javascript
webpack4实现不同的导出类型
2019/04/09 Javascript
JavaScript创建、读取和删除cookie
2019/09/03 Javascript
vue 实现购物车总价计算
2019/11/06 Javascript
vue 实现把路由单独分离出来
2020/08/13 Javascript
Python3基础之条件与循环控制实例解析
2014/08/13 Python
Python中使用ConfigParser解析ini配置文件实例
2014/08/30 Python
Python实现简单的语音识别系统
2017/12/13 Python
Tensorflow Summary用法学习笔记
2020/01/10 Python
40个你可能不知道的Python技巧附代码
2020/01/29 Python
python 多线程死锁问题的解决方案
2020/08/25 Python
瑞典廉价机票预订网站:Seat24
2018/06/19 全球购物
优秀乡村医生事迹材料
2014/05/28 职场文书
党的群众路线教育实践活动对照检查材料思想汇报(党员篇)
2014/09/25 职场文书
幼儿园感恩节活动方案
2014/10/06 职场文书
数学教师求职信范文
2015/03/20 职场文书
信仰观后感
2015/06/03 职场文书
怎样做好公众演讲能力?
2019/08/28 职场文书
一文带你理解vue创建一个后台管理系统流程(Vue+Element)
2021/05/18 Vue.js
JavaWeb实现显示mysql数据库数据
2022/03/19 Java/Android