javascript - 在 JavaScript 中打印 cookie

Question

我正在一个网站上工作，我正在尝试从 JavaScript 读取 cookie 并将其打印到段落标签 <p> 上。我已经尝试了以下代码(除了 document.print 之外，因为它执行整个页面。)

<script>
function getCookieValue(a) {
  var b = document.cookie.match('(^|;)\\s*' + a + '\\s*=\\s*([^;]+)');
  return b ? b.pop() : '';
}

var u = getCookieValue("username");

document.getElementById("usr").innerHTML = u;
</script>

<p id="usr" class="acct"></p>

用户名 cookie 是“electroner1998 ”，并且我已确保 <p>标签存在。 (<p> 标记没有任何反应。它保持空白。)

Answer 1

就我个人而言，我无法阅读正则表达式，但如果问题在于它，您可以执行以下更容易阅读的操作:

function getCookieValue(a) {
    var c = document.cookie.split(a + "=")[1];
    if (c.includes(";")) {
        return c.split(";")[0];
    } else {
        return c;
    }
}

根据您的编辑，您还需要调用一个函数来设置 <p> 的内部标签。只是放

var u = getCookieValue("username");
document.getElementById("usr").innerHTML = u;

... 在脚本标签内不会使它们工作；您需要从页面上的函数内部调用它们，或者使用 window.onload :

<script>
    window.onload = function () {
        var u = getCookieValue("username");
        document.getElementById("usr").innerHTML = u;
    }

    function getCookieValue(a) {
        var c = document.cookie.split(a + "=")[1];
        if (c.includes(";")) {
            return c.split(";")[0];
        } else {
            return c;
        }
    }
</script>