快速学习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 相关文章推荐
javascript 原型模式实现OOP的再研究
Apr 09 Javascript
Firebug 字幕文件JSON地址获取代码
Oct 28 Javascript
深入理解JavaScript系列(6):S.O.L.I.D五大原则之单一职责SRP
Jan 15 Javascript
Underscore.js 的模板功能介绍与应用
Dec 24 Javascript
探讨JavaScript中声明全局变量三种方式的异同
Dec 03 Javascript
Bootstrap每天必学之模态框(Modal)插件
Apr 26 Javascript
jQuery仿写百度百科的目录树
Jan 03 Javascript
JS异步加载的三种实现方式
Mar 16 Javascript
Vue中正确使用jQuery的方法
Oct 30 jQuery
Vue波纹按钮组件制作
Apr 30 Javascript
vue中的过滤器及其时间格式化问题
Apr 09 Javascript
JS实现小米轮播图
Sep 21 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 eval函数使用介绍
2013/12/08 PHP
PHP实现采集中国天气网未来7天天气
2014/10/15 PHP
php实现背景图上添加圆形logo图标的方法
2016/11/17 PHP
一个用js实现控制台控件的代码
2007/09/04 Javascript
JavaScript中的Document文档对象
2008/01/16 Javascript
jQuery插件开发全解析
2012/10/10 Javascript
Extjs407 getValue()和getRawValue()区别介绍
2013/05/21 Javascript
js实现屏蔽默认快捷键调用自定义事件示例
2013/06/18 Javascript
JavaScript实现找出字符串中第一个不重复的字符
2014/09/03 Javascript
JavaScript使用二分查找算法在数组中查找数据的方法
2015/04/07 Javascript
JavaScript中的Math.LN2属性用法详解
2015/06/12 Javascript
实例解析jQuery插件EasyUI最常用的表单验证规则
2015/11/29 Javascript
微信小程序 倒计时组件实现代码
2016/10/24 Javascript
利用forever和pm2部署node.js项目过程
2017/05/10 Javascript
javascript基于牛顿迭代法实现求浮点数的平方根【递归原理】
2017/09/28 Javascript
vue的一个分页组件的示例代码
2017/12/25 Javascript
Vue中使用vue-i18插件实现多语言切换功能
2018/04/25 Javascript
小程序云开发获取不到数据库记录的解决方法
2019/05/18 Javascript
Vue如何跨组件传递Slot的实现
2020/12/14 Vue.js
python使用PyGame模块播放声音的方法
2015/05/20 Python
Python读取Excel的方法实例分析
2015/07/11 Python
python中常用的九种预处理方法分享
2016/09/11 Python
Python3之读取连接过的网络并定位的方法
2018/04/22 Python
Python实现某论坛自动签到功能
2019/08/20 Python
浅谈对pytroch中torch.autograd.backward的思考
2019/12/27 Python
Python基于DB-API操作MySQL数据库过程解析
2020/04/23 Python
python3 使用openpyxl将mysql数据写入xlsx的操作
2020/05/15 Python
python如何快速拼接字符串
2020/10/28 Python
python常量折叠基础知识点讲解
2021/02/28 Python
阿根廷旅游网站:almundo阿根廷
2018/02/12 全球购物
Ancheer官方户外和运动商店:销售电动自行车
2019/08/07 全球购物
优秀毕业大学生推荐信
2013/11/13 职场文书
2014年三八妇女节活动方案
2014/02/28 职场文书
运动会表扬稿
2015/01/16 职场文书
面试通知短信
2015/04/20 职场文书
SQL Server基本使用和简单的CRUD操作
2021/04/05 SQL Server