JavaScript 设置与获取 Cookie 的两种实现方式

JavaScript 设置与获取 Cookie 的两种实现方式

参考《JavaScript 权威指南》及项目开发中收集的资料，本文总结了两种在 JavaScript 中设置和获取 Cookie 的具体实现方案。

<script>
// 方法一：设置 Cookie
function setCookie(name, value) {
 var exp = new Date();
 // 设置有效期为 1 小时
 exp.setTime(exp.getTime() + 1 * 60 * 60 * 1000);
 document.cookie = name + "=" + escape(value) + ";expires=" + exp.toGMTString();
}
/* 注意：存取 Cookie 时通常需要对可能引起注入风险的字符进行编码，相应地，在读取 Cookie 时需进行解码。编码方式多样，后续可专门撰写博客探讨编码解码技术。*/
// 方法二：直接存储 Cookie
 document.cookie = "homepage = https://www.jb51.net";
 /*-------------------------------------------------------------------------------------------------------*/
// 方法一：获取 Cookie
function getCookie(name) {
var arr = document.cookie.match(new RegExp("(^| )" + name + "=([^;]*)(;|$)"));
if (arr != null)
return unescape(arr[2]);
return null;
}
// 方法二：获取 Cookie
function getCookie(key) {
 if (key == null)
 return null;
 if (Object.prototype.toString.call(key) == '[object String]' || Object.prototype.toString.call(key) == '[object Number]') {
 var arrStr = document.cookie.split(";");
 for (var i = 0; i < arrStr.length; i++) {
 var temp = arrStr[i].split("=");
 if (temp[0] == key)
 return unescape(temp[1]);
 }
 return null;
 }
 return null;
}
</script>

在学习过程中，遇到不熟悉的 JavaScript 方法时，可通过查阅网络资料直至完全掌握。