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

下面是关于“JavaScript中cookie工具函数封装的示例代码”的完整攻略：

关于Cookie

Cookie是一个用于Web服务器存储在用户计算机上的小文本文件。当用户在浏览器中访问Web时，服务器可以调用浏览器中存储的Cookie以识别用户。

谷歌浏览器中操作Cookie的步骤

1. 打开Chrome浏览器。
2. 点击右上角的菜单按钮，选择“设置”。
3. 向下滑动并单击“高级设置”。
4. 在“隐私与安全性”下找到“内容设置”，并单击“Cookie”。
5. 单击“全部清除”按钮以清除所有Cookie，或在列表中单击Cookie，然后单击“删除”以删除单个Cookie。

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

接下来是一个用于操作Cookie的JavaScript函数的例子。运行该函数时，它将在15秒钟的时间内设置一个名为“user”的Cookie，并将其值设置为“John”。

function setCookie(name, value, days) {
  var expires = "";
  if (days) {
    var date = new Date();
    date.setTime(date.getTime() + (days * 24 * 60 * 60 * 1000));
    expires = "; expires=" + date.toUTCString();
  }
  document.cookie = name + "=" + (value || "")  + expires + "; path=/";
}

function getCookie(name) {
  var nameEQ = name + "=";
  var ca = document.cookie.split(';');
  for(var i=0;i < ca.length;i++) {
    var c = ca[i];
    while (c.charAt(0)==' ') c = c.substring(1,c.length);
    if (c.indexOf(nameEQ) == 0) return c.substring(nameEQ.length,c.length);
  }
  return null;
}

function eraseCookie(name) {   
  document.cookie = name+'=; Max-Age=-99999999;';  
}

// Example usage:
setCookie('user', 'John', 15);
console.log(getCookie('user'));
eraseCookie('user');

该函数包含三个功能：setCookie、getCookie和eraseCookie。

setCookie函数将name、value和days作为参数接受，并使用document.cookie设置一个名为name的Cookie。days参数是一个可选参数，如果传递了它，函数将设置一个到期的日期，否则Cookie将在浏览器关闭时删除。

getCookie函数接受一个名为name的Cookie，并返回该Cookie的值。

eraseCookie函数接受一个名为name的Cookie，并将其值设置为“”，使其过期并从浏览器中删除。

可以通过以下代码示例来测试：

// Example usage:
setCookie('user', 'John', 15);
console.log(getCookie('user'));
eraseCookie('user');

在这个例子中，setCookie函数将设置一个名为“user”的Cookie，其值为“John”，有效期为15天。我们随后使用console.log在控制台中输出Cookie的值，得到了“John”作为返回结果。最后，我们调用eraseCookie函数删除刚刚设置的Cookie。