Javascript 如何使全局变量在每个html页面上具有不同的值？

我正在创建一个游戏（比如4张图片1个单词），它包含一个答案变量。将有一个按钮，onclick将运行一个函数，检查用户的答案是否与此变量的值匹配。每页将有一个拼图，每个拼图/页将有一个不同的答案变量值。加载页面时，必须设置此变量的值。我查了一下，没有发现任何对我有帮助的东西，我也不知道该怎么做。提前感谢。

对于这种情况，您可能需要

localStorage

或使用

Cookies

。如果你的目标是现代浏览器，你可以自由地使用HTML5的概念

localStorage

使用

单击事件时，请使用以下命令：

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

然后在加载页面时，尝试以下操作：

localStorage.getItem('scores');

要了解有关
localStorage
的更多信息，请使用以下命令：

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





Cookies的另一个选项取决于浏览器的隐私设置。许多浏览器（不是很多）可能会禁用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);

函数getCookie（cname）{
变量名称=cname+“=”；
var ca=document.cookie.split（“；”）；
对于（var i=0；i移动全局变量，使其在页面之间不是全局的。使其成为页面的全局变量（而不是页面）。是否要对每个页面使用相同的脚本？我不理解这里的问题？似乎您只需在每个HTML页面中放置不同的变量。我想对每个页面使用相同的脚本，但该变量不同，并且不提示用户（页面加载时该变量不同）。