javascript - 更新代码时保留 var

Question

我想用 javascript 和 html 做一个东西，但我遇到了一个问题。

我有一个选择页面，可以在其中单击 8 个不同的按钮，并且我想要一个 var 来获取该按钮的 id。这个按钮把我带到了另一个页面，它必须使用这个变量。

问题是，当在第二页中再次调用代码时(在我的主函数中返回 var，否则它不起作用)，此代码被更新，我的 var 显然被重置为 0；

当我在其他页面中再次调用该变量时，我想保留该变量的值。

谢谢!

levelSelected = 0;

// Récupère le click 
for (var i = 0; i < 8; i++) {
    $('#level' + i).click(function() {
        levelSelected = this.id;
        console.log(levelSelected);
        location.href='level.html';
    });
}

Answer 1

除了 localStorage 或 cookies 之外，还有一种方法是在 URL 中传递它，即使用参数:

levelSelected = 0;

// Récupère le click 
for (var i = 0; i < 8; i++) {
    $('#level' + i).click(function() {
        levelSelected = this.id;
        console.log(levelSelected);
        location.href='level.html?levelSelected=' + levelSelected;
    });
}

看看How to retrieve GET parameters from javascript?以了解稍后如何在下一页中检索参数。

还有How can I get query string values in JavaScript?正如特里在您的回答中的评论中所建议的。

编辑:

以防万一您不熟悉 GET 属性 - 您有任意数量的属性，只有第一个属性前面必须带有 ? 而所有其他属性前面都必须带有&。

所以:

location.href='level.html?levelSelected=' + levelSelected + '&otherParam' + paramValue;