如何使用cookies js存储javascript变量_Javascript_Cookies

如何使用cookies js存储javascript变量

javascript cookies

如何使用cookies js存储javascript变量,javascript,cookies,Javascript,Cookies,我试图制作一个简单的程序，将h1值存储在变量中，然后将其存储在cookie中。但是每当我重新加载页面时，h1值总是返回到0，并且不会被保存。有人能解释一下我如何将变量保存在cookie中，这样当我重新加载页面时，它就留在那里了 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> </head> <bod

我试图制作一个简单的程序，将

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>


1.
增加cookie的价值
Cookies.set（'name'，'leo'）；
Cookies.set（'nams'，'ddleo'）；
var h=document.getElementById（“hs”）；
功能增加（）{
var values=parseInt（document.getElementById（'hs'）.innerHTML，10）；
价值++；
Cookies.set（“名称”，值）；
document.getElementById（'hs'）.innerHTML=Cookies.get（“名称”，值）；
}

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

这一行：

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

应在页面加载时运行，然后再定义函数

增加

：

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)
}

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

这一行：

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

应在页面加载时运行，然后再定义函数

增加

：

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中的值替换

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

加载页面时，需要用cookie中的值替换

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