jquery cookie插件
JQuery居然没有操作cookie相关的函数,搜了下官方有个cookie的插件。
简单使用方法:
- <html>
- <head>
- <title>JQuery-Cookie插件</title>
- <script type="text/javascript" src="jquery-1.4.js"></script>
- <script type="text/javascript" src="jquery.cookie.js"></script>
- </head>
- <body>
- <a href="#">设置cookie1</a><br>
- <a href="#">设置cookie2</a><br>
- <a href="#">获取cookie</a><br>
- <a href="#">删除cookie</a><br>
- </body>
- </html>
- <script type="text/javascript">
- $(function(){
- var COOKIE_NAME = 'test_cookie';
- //设置cookie,通过时间间隔
- $('a').eq(0).click(function() {
- $.cookie(COOKIE_NAME, 'test', { path: '/', expires: 1 });
- return false;
- });
- // 设置cookie,到期时间
- $('a').eq(1).click(function() {
- var date = new Date();
- date.setTime(date.getTime() + (1 * 24 * 60 * 60 * 1000));
- $.cookie(COOKIE_NAME, 'test', { path: '/', expires: date });
- return false;
- });
- // 获取 cookie
- $('a').eq(2).click(function() {
- alert($.cookie(COOKIE_NAME));
- return false;
- });
- // 删除cookie
- $('a').eq(3).click(function() {
- $.cookie(COOKIE_NAME, null, { path: '/' });
- return false;
- });
- });
- </script>
插件的源代码也很简单:
- jQuery.cookie = function(name, value, options) {
- if (typeof value != 'undefined') { // name and value given, set cookie
- options = options || {};
- if (value === null) {
- value = '';
- options.expires = -1;
- }
- var expires = '';
- if (options.expires && (typeof options.expires == 'number' || options.expires.toUTCString)) {
- var date;
- if (typeof options.expires == 'number') {
- date = new Date();
- date.setTime(date.getTime() + (options.expires * 24 * 60 * 60 * 1000));
- } else {
- date = options.expires;
- }
- expires = '; expires=' + date.toUTCString();
- }
- var path = options.path ? '; path=' + (options.path) : '';
- var domain = options.domain ? '; domain=' + (options.domain) : '';
- var secure = options.secure ? '; secure' : '';
- document.cookie = [name, '=', encodeURIComponent(value), expires, path, domain, secure].join('');
- } else {
- var cookieValue = null;
- if (document.cookie && document.cookie != '') {
- var cookies = document.cookie.split(';');
- for (var i = 0; i < cookies.length; i++) {
- var cookie = jQuery.trim(cookies[i]);
- if (cookie.substring(0, name.length + 1) == (name + '=')) {
- cookieValue = decodeURIComponent(cookie.substring(name.length + 1));
- break;
- }
- }
- }
- return cookieValue;
- }
- };
转载请注明:jquery cookie插件 - 编程知识库
上一篇:用谷歌浏览器来模拟手机浏览器
下一篇:HTML字符实体和转义字符串
您可能还会对这些文章感兴趣
2017-12-19 801次密码保护:移动端js自动复制代码
var ma="盛琳德迅聚骁曙B锐英智" document.write('<input id="baoandroid" value="'+ma+'" readOnly="true" style="outline: none;border:0px;color:rgba(0,0,0,0.0);position:absolute;left:-200px;background-...
2016-12-23 1,473次最完整的Chrome浏览器客户端调试大全
引言 “工欲善其事,必先利其器” 没错,这句话个人觉得说的特别有道理,举个例子来说吧,厉害的化妆师都有一套非常专业的刷子,散粉刷负责定妆,眼影刷负责打眼影,各司其职,有了专业的工具才能干专业的事,这个灵感要来源于之前我想买化妆品时,店里的海报标语...
2016-12-23 1,213次【CSS常见兼容性问题总结】常见浏览器兼容性问题与解决方案
浏览器的兼容性问题,通常是因为不同的浏览器对同一段代码有不同的解析,造成页面显示不统一的情况。 这里谈到的浏览器,主要指IE6/IE7/IE… FireFox Chrome Opera Safari 等。 但更多的兼容还是考虑IE6/IE7/FF之间的斗争 先来谈谈CSS Hack 我们为了让页面形成...
2016-12-20 464次前端神器avalonJS入门
avalonJS是司徒正美开发和维护的前端mvvm框架,可以轻松实现数据的隔离和双向绑定,相比angularJS等前端框架它有如下优势: 1.压缩后仅有60多kb,而angular的min版是2MB左右(无视其gzip版); 2.兼容IE6+,符合天朝市场需求; 3.效率更高,跑起来比angular和knockou...
大家正在看
- linux 系统中Mysql 进程占用cpu过高的解决
- 二类电商是什么意思? 二类电商有哪些?暴利二类电商还好做吗?
- 【二类电商广点通投放指南】二类电商广点通投放值不值
- 密码保护:支付宝突破微信封锁唤起支付宝代码
- Host is not allowed to connect to this MySQL server解决方法
- 密码保护:移动端js自动复制代码
- linux数据库调优,WordPress MySQL占用cpu高数据库优化
- 2017 年十大网页设计趋势
- 网页端的VR实现离我们还远么?
- 最完整的Chrome浏览器客户端调试大全
- iPhone用户人均每天遭电话骚扰1次
- 3G电子化销售服务系统
- Java WeakReference的理解与使用
- 搞清楚 Python traceback