Javascript getCookie函数
我发现了两个函数来获取cookie数据，一个在w3schools.com上 ，一个在quirksmode.org上
我想知道我应该使用哪一个？
例如，我相信我在某个地方看到某些浏览器分裂的问题; 分号？
W3Schools的：
function getCookie(c_name) { if (document.cookie.length > 0) { c_start = document.cookie.indexOf(c_name + "="); if (c_start != -1) { c_start = c_start + c_name.length + 1; c_end = document.cookie.indexOf(";", c_start); if (c_end == -1) c_end = document.cookie.length; return unescape(document.cookie.substring(c_start, c_end)); } } return ""; }
怪异模式：
function readCokie(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; }
W3CSchool的function是错误的。 如果有多个具有相同后缀的Cookie，则失败：
ffoo=bar; foo=baz
当你searchfoo ，它将返回ffoo的值而不是foo 。
现在，我要做的是：首先，您需要了解cookie传输的语法。 Netscape的原始规范（ 在haxx.se中只有这样的副本可用）使用分号分隔多个cookie，而每个名称/值对具有以下语法：
NAME
=VALUE
这个string是一个字符序列，不包括分号，逗号和空格。 如果需要将这些数据放在名称或值中，build议使用某种编码方法，例如URL风格%XX编码，尽pipe没有定义或要求编码。
因此，以分号或逗号分隔document.cookiestring是一个可行的select。
除此之外， RFC 2109还指定了Cookie由分号或逗号分隔：
cookie = "Cookie:" cookie-version 1*((";" | ",") cookie-value) cookie-value = NAME "=" VALUE [";" path] [";" domain] cookie-version = "$Version" "=" value NAME = attr VALUE = value path = "$Path" "=" value domain = "$Domain" "=" value
尽pipe两者都是允许的，但逗号是首选，因为它们是HTTP中的列表项的默认分隔符。
注意：为了向后兼容，Cookie标头中的分隔符在任何地方都是分号（
;）。 服务器还应该接受逗号（,）作为cookie值之间的分隔符，以便将来兼容。
此外，名称/值对还有一些限制，因为VALUE也可以是RFC 2616中指定的带引号的string：
attr = token value = token | quoted-string
所以这两个cookie版本需要分开处理：
if (typeof String.prototype.trimLeft !== "function") { String.prototype.trimLeft = function() { return this.replace(/^\s+/, ""); }; } if (typeof String.prototype.trimRight !== "function") { String.prototype.trimRight = function() { return this.replace(/\s+$/, ""); }; } if (typeof Array.prototype.map !== "function") { Array.prototype.map = function(callback, thisArg) { for (var i=0, n=this.length, a=[]; i<n; i++) { if (i in this) a[i] = callback.call(thisArg, this[i]); } return a; }; } function getCookies() { var c = document.cookie, v = 0, cookies = {}; if (document.cookie.match(/^\s*\$Version=(?:"1"|1);\s*(.*)/)) { c = RegExp.$1; v = 1; } if (v === 0) { c.split(/[,;]/).map(function(cookie) { var parts = cookie.split(/=/, 2), name = decodeURIComponent(parts[0].trimLeft()), value = parts.length > 1 ? decodeURIComponent(parts[1].trimRight()) : null; cookies[name] = value; }); } else { c.match(/(?:^|\s+)([!#$%&'*+\-.0-9A-Z^`az|~]+)=([!#$%&'*+\-.0-9A-Z^`az|~]*|"(?:[\x20-\x7E\x80\xFF]|\\[\x00-\x7F])*")(?=\s*[,;]|$)/g).map(function($0, $1) { var name = $0, value = $1.charAt(0) === '"' ? $1.substr(1, -1).replace(/\\(.)/g, "$1") : $1; cookies[name] = value; }); } return cookies; } function getCookie(name) { return getCookies()[name]; }
是的，W3Schools解决scheme是不正确的 。
对于那些喜欢它，这是一个更简单的解决scheme 。 它只是预先设置一个空格，所以对indexOf（）的单个调用只返回正确的cookie。
function getCookie(c_name) { var c_value = " " + document.cookie; var c_start = c_value.indexOf(" " + c_name + "="); if (c_start == -1) { c_value = null; } else { c_start = c_value.indexOf("=", c_start) + 1; var c_end = c_value.indexOf(";", c_start); if (c_end == -1) { c_end = c_value.length; } c_value = unescape(c_value.substring(c_start,c_end)); } return c_value; }
这从w3schools是不正确的，它可能导致错误的cookie：
c_start = document.cookie.indexOf(c_name + "=");
如果你去找一个叫做foo的cookie（我们假设它是一个现有的cookie），那么document.cookie某个地方就是stringfoo=bar 。
但是，不能保证不会有stringxfoo=something 。 注意，这仍然包含子stringfoo=所以w3schools代码将会find它。 如果xfoo cookie恰好被列在第一位，那么您将会取回something值（不正确！），而不是预期的bar 。
鉴于两个代码段之间的select，决不要去从根本上破坏的那个。
