我正在尝试制作一个简单的程序,将 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>
最佳答案
页面加载时,需要替换 <h1>
使用 cookie 中的值。
var h=document.getElementById("hs");
var value = Cookies.get('name');
if (value) {
h.innerHTML = value;
}
关于javascript - 如何使用cookies js存储javascript变量,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/43104720/