Печать файлов cookie в JavaScript

Question

Я работаю над веб-сайтом и пытаюсь прочитать файлы cookie из JavaScript и распечатать их в теге параграфа <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;

... внутри тега script не заставит их работать; вам нужно будет вызвать их изнутри функции на странице или использовать 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>

Answer 2

Для обработки файлов cookie мне нравится использовать библиотеку под названием js-cookie , которая позволяет легко получать, устанавливать и удалять файлы cookie.

var u = Cookies.get('username');