如何使一个全局变量有不同的值与每个html页面

How to make a global variable have a different value with each html page?

本文关键字：html 页面 何使一 全局变量      更新时间：2023-09-26

我正在制作一款游戏(游戏邦注:如4张图片1个单词)，其中包含一个答案变量。将有一个按钮，onclick将运行一个函数，检查用户的答案是否与此变量的值匹配。每页将有一个谜题，每个谜题/页面将有不同的答案变量值。这个变量必须在页面加载时设置它的值。我查了一下，找不到任何能帮到我的我也不知道该怎么做。

对于这种情况，您可能需要localStorage或使用Cookies。如果你的目标是现代浏览器，你可以自由使用localStorage，这是HTML5的一个概念。

当您使用click事件时，使用以下命令:

localStorage.setItem('scores', [scores-array]);

然后当你加载页面时，试试这个:

localStorage.getItem('scores');

要了解有关localStorage的更多信息，请使用:

  • MDN
  • 进入HTML5 - LocalStorage

cookie 的另一个选项取决于您的浏览器的隐私设置。许多浏览器(不是很多)可能会禁用cookie，但您可以使用它作为替代。您的数据类型存储有限(只有字符串)，可以使用以下命令启动:

document.cookie="scores=" + score_data;

和检索它们使用:

function getCookie(cname) {
    var name = cname + "=";
    var ca = document.cookie.split(';');
    for(var i=0; i<ca.length; i++) {
        var c = ca[i];
        while (c.charAt(0)==' ') c = c.substring(1);
        if (c.indexOf(name) == 0) return c.substring(name.length,c.length);
    }
    return "";
}
getCookie(scores);
相关文章：