如何使用Cookie JS存储JavaScript变量

Question

我正在尝试制作一个简单的程序，将h1值存储在变量中，然后将其存储在cookie中。 但是，每当我重新加载页面时， h1值总是回到0，并且不会被保存。 有人可以解释一下如何将变量保存在Cookie中，以便当我重新加载页面时将其保留在其中。

<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <title></title>
</head>

<body>
    <div class="container">
        <h1 id="hs">1 </h1> <img src="image01.jpg" width="960" height="640" />
        <button onclick="increase()" id="d">Increase value of cookie</button>
    </div>
    <script src="cookies.min.js"></script>
    <script>
        Cookies.set('name', 'leo');
        Cookies.set('nams', 'ddleo');
        var h = document.getElementById("hs");

        function increase() {
            var values = parseInt(document.getElementById('hs').innerHTML, 10);
            values++;
            Cookies.set("name", values);
            document.getElementById('hs').innerHTML = Cookies.get("name", values);
        }
    </script>
</body>

</html>

Answer 1

页面加载后，您需要用cookie中的值替换<h1> 。

var h=document.getElementById("hs");
var value = Cookies.get('name');
if (value) {
    h.innerHTML = value;
}

Answer 2

刷新页面时，DOM对该cookie的值一无所知。 需要明确设置。

这行：

document.getElementById('hs').innerHTML=Cookies.get("name",values);

在定义功能increase之前，应在页面加载时运行：

var h = document.getElementById("hs");

# initial setting of h1:
var initialValue = Cookies.get("name",values);

if(initialValue) {
  h.innerHTML = initialValue;
}

function increase(){
  # dynamic setting of h1 (via the click handler you set up)
}

如何使用Cookie JS存储JavaScript变量

问题描述

2 个解决方案

解决方案1
2 2017-03-29 21:51:46

解决方案2
0 2017-03-29 21:50:44

如何使用Cookie JS存储JavaScript变量

问题描述

2 个解决方案

解决方案1 2 2017-03-29 21:51:46

解决方案2 0 2017-03-29 21:50:44

解决方案1
2 2017-03-29 21:51:46

解决方案2
0 2017-03-29 21:50:44