Javascript-如何仅显示cookie的值？

Question

我在几个地方搜索过，试图找出如何只显示cookie的值而不显示整个键，但是对于我正在做的事情，它们似乎都不必要地复杂。 我只有一个cookie，只有一个键，userName = something，我不知道如何只显示“东西”而不是userName = something。

function userCookie(form)
{
    if(form.User_Name.value == "")
    {
        alert("Cannot accept a blank user name, please enter a valid name");
        return false;
    }
    else
    {
        document.cookie="userName=" + form.User_Name.value;
        alert(document.cookie);
        return false;
    }                       
}

function newWindow() 
{       
    var userWindow = window.open("","MyUserName","height=300,width=300");
    userWindow.document.open();
    userWindow.document.write("<p>Welcome Back</p>");
    userWindow.document.write(document.cookie);
    userWindow.document.close();
}

Answer 1

document.cookie将始终返回键，值对，例如cookie1=value1;cookie2=value2 。 您可以使用以下函数从document.cookie中拆分cookieName和“ =”以获取值。

function getCookie(cname) {
    var name = cname + "=";
    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);
        if (c.indexOf(name) != -1) return c.substring(name.length,c.length);
    }
    return "";
} 

该代码来自w3schools 。

Answer 2

如果您始终只有一个cookie，那么document.cookie.split("=")[1]就足够简单了。

Answer 3

var cookieArray = document.cookie.split("; "),
    cookieObject = {},
    i, pair;

for (i = cookieArray.length - 1; i >= 0; i--) {
    pair = cookieArray[i].split("=");
    cookieObject[pair[0]] = pair[1];
}

alert(cookieObject.userName);

Answer 4

function getCookie(name) {
  let x = document.cookie.split(";").find(a => a.includes(name + "="));
  return !!x ? x.trim().substr(name.length+1) : ""
}