当我使用 location.href 时，我可以避免 html 重置我的 javascript 变量吗？ [复制]答案

【问题标题】：Can I avoid html resetting my javascript variable when I use location.href? [duplicate]当我使用 location.href 时，我可以避免 html 重置我的 javascript 变量吗？ [复制]
【发布时间】：2019-12-27 03:06:07
【问题描述】：

我的新项目是一个小型“拼图”游戏，您可以进入一个房间并在里面解决一个难题，然后当您返回关卡选择部分时，它会打开下一个关卡。

到目前为止，我一直使用单个变量“lock”来计算每次你通过一个级别时的计数，如果“lock”的值与它会让你通过的级别编号相对应。

问题是，当我使用location.href 时，它似乎重置了“锁定”变量。

关卡选择的HTML：

//html, link to js and some text
<h1>
<img src="assets/Nextbutton1.png" onclick="t1()" width="100" //1st level button
height="100"> <br>
<img src="assets/Nextbutton2.png" onclick="t2()" width="100" //2nd level button
height="100">

Win 画面 html

<body>
<h1 align="center"> Congratulations</h1>
<button align="center" onclick="joo()">Back to level select</button>

几乎所有东西的Javascript

var lock;
var taso2;  // future stuff
var taso3 = 2; //future stuff

function joo(){

location.href='index.html'
if (lock == 0) // if statement so you dont progress by playing 1st level over and over
{
lock += 1;}
}

function t2() {
if (lock > 0) {
location.href='Taso2.html';
}
else { alert("You have to beat the previous levels first") }
}

function t1() {
location.href='Taso1.html';
}

【问题讨论】：

您可以尝试使用cookies吗？
完成关卡时：localStorage.setItem('lock', lock);。当您需要确定他们可以访问哪些级别时：lock = localStorage.getItem('lock');。
您可以将变量作为查询参数传递（在 .html 扩展名之后使用 ?var=foo）。但要小心，变量不安全，很容易修改。
如果你觉得我的回答是正确的，你能接受吗？

标签： javascript html var

【解决方案1】：

HTML 本质上是“无记忆的”。这意味着默认情况下，它会在每次页面刷新时重置其变量。但是，有一些方法可以保留您的变量。从w3schools，实现这一点的方法是使用

window.localStorage - 存储没有过期日期的数据
window.sessionStorage - 存储一个会话的数据（关闭浏览器选项卡时数据会丢失）

再次来自同一网站：

// Store
localStorage.setItem("lastname", "Smith");

// Retrieve
document.getElementById("result").innerHTML = localStorage.getItem("lastname");

请注意，这一切都使用 Vanilla JavaScript，因为您没有在问题中指出任何框架。

【讨论】：

谢谢你，我发现我必须将“锁”定义为一个整数终于让系统工作了。

【解决方案2】：

localStorage 不仅可以在页面加载之间同步变量，还可以在选项卡之间同步变量。

如果您只希望在一个浏览器选项卡中使用此行为，而不影响其他选项卡，则应使用 sessionStorage 而不是 localStorage https://developer.mozilla.org/en-US/docs/Web/API/Window/sessionStorage

【讨论】：