JavaScript中cookie工具函数封装的示例代码

作者:子匠_Zijor 时间:2024-04-25 13:16:01 

一. 语法

1.1 获取当前页面的所有cookie:


var allCookies = document.cookie;

allCookies 是一个字符串,其中包含了以分号分隔的cookie列表字符串 (即 key=value 键值对)。

1.2 写一个新cookie:


document.cookie = updatedCookie;

updatedCookie是一个键值对形式的字符串。只能用这个方法一次设置或更新一个cookie,而且写入并不是覆盖,而是添加。例如:


document.cookie = "fontSize=14";
document.cookie = "fontSize=16";
document.cookie = "fontColor=black";

document.cookie; // fontSize=16;fontColor=black

1.3 可选属性:

除了Cookie本身的内容,还有一些可选的属性也是可以写入的,定义cookie的设定/更新,跟着一个分号以作分隔:


Set-Cookie: value[; expires=date][; domain=domain][; path=path][; secure]

     (1) path=path (例如 ‘/', ‘/mydir') 如果没有定义,默认为当前文档位置的路径。

     (2) domain=domain (例如 ‘example.com', ‘.example.com' (包括所有子域名), ‘subdomain.example.com') 如果没有定义,默认为当前文档位置的路径的域名部分。

     (3) max-age=max-age-in-seconds (例如一年为606024*365)

     (4) expires=date-in-GMTString-format 如果没有定义,cookie会在对话结束时过期。这个值的格式参见Date.toUTCString() 。

     (5) secure (cookie只通过https协议传输) cookie的值字符串可以用encodeURIComponent()来保证它不包含任何逗号、分号或空格(cookie值中禁止使用这些值)。

二. cookie的接口封装:


var cookieUtil = {
 // 设置cookie
 setItem: function(name, value, days) {
   var date=new Date();
   date.setDate(date.getDate()+days);
   document.cookie=name+'='+value+';expires='+date;
 },

// 获取cookie
 getItem: function(name) {
    var arr=document.cookie.replace(/\s/g, "").split(';');
    for(var i=0;i<arr.length;i++) {
      var tempArr=arr[i].split('=');
      if(tempArr[0]==name) {
       return decodeURIComponent(tempArr[1]);
      }
    }
    return '';
 },

// 删除cookie
 removeItem: function(name) {
   this.setItem(name,'1', -1);
 },

// 检查是否含有某cookie
 hasItem: function(name) {
   return (new RegExp("(?:^|;\\s*)" + encodeURIComponent(name).replace(/[\-\.\+\*]/g, "\\$&") + "\\s*\\=")).test(document.cookie);
 },

// 获取全部的cookie列表
 getAllItems: function() {
   var cookieArr = document.cookie.replace(/((?:^|\s*;)[^\=]+)(?=;|$)|^\s*|\s*(?:\=[^;]*)?(?:\1|$)/g, "").split(/\s*(?:\=[^;]*)?;\s*/);
   for (var nIdx = 0; nIdx < cookieArr.length; nIdx++) { cookieArr[nIdx] = decodeURIComponent(cookieArr[nIdx]); }
   return cookieArr;
 }
};

来源:http://www.dengzhr.com/js/1053

标签:javascript,cookie,封装
0
投稿

猜你喜欢

  • Python基础之赋值,浅拷贝,深拷贝的区别

    2021-06-28 18:39:15
  • asp常用的SQL命令操作

    2007-09-29 12:21:00
  • centos 安装python3.6环境并配置虚拟环境的详细教程

    2021-06-10 12:24:49
  • MSSQL2005数据附加失败报错3456解决办法

    2024-01-17 23:17:29
  • Python+Pygame制作简易版2048小游戏

    2022-12-01 18:05:03
  • Python爬取用户观影数据并分析用户与电影之间的隐藏信息!

    2022-09-09 23:19:47
  • Pytorch实现LSTM和GRU示例

    2022-02-08 09:14:44
  • Python实现求最大公约数及判断素数的方法

    2021-06-13 02:20:20
  • SQL语句练习实例之二——找出销售冠军

    2011-10-24 19:52:45
  • 微信小程序页面向下滚动时tab栏固定页面顶部实例讲解

    2024-05-02 17:07:18
  • 实例:ASP与ACCESS链接

    2008-11-21 16:10:00
  • perl读写文件代码实例

    2023-01-11 22:04:39
  • Python调用高德API实现批量地址转经纬度并写入表格的功能

    2023-12-26 03:22:20
  • 详解利用装饰器扩展Python计时器

    2023-04-08 20:32:16
  • Python机器学习库scikit-learn安装与基本使用教程

    2022-01-17 14:19:03
  • JSP 开发之 releaseSession的实例详解

    2023-06-14 11:49:03
  • 在nginx中配置pathinfo模式支持thinkphp的URL重写

    2024-05-03 15:50:48
  • 利用python画一颗心的方法示例

    2021-06-04 01:14:33
  • vue后台管理如何配置动态路由菜单

    2024-05-05 09:25:57
  • ASP中模拟PHP的关联数组

    2009-12-25 16:31:00
  • asp之家 网络编程 m.aspxhome.com