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

Question

我正在创建一个游戏（比如4个图片1个单词），它涉及到一个答案变量。会出现一个按钮，onclick将运行一个函数，检查用户的答案是否与此变量的值匹配。每页有一个拼图，每个拼图/页面对应答变量都有不同的值。当页面加载时，该变量必须设置其值。我查了一下，我没有看到任何会帮助我的东西，我不知道我会如何做到这一点。提前致谢。

Answer 1

对于这种情况，您可能需要localStorage或使用Cookies。如果您针对的是现代浏览器，则可以免费使用localStorage，这是HTML5的概念。

当您使用click事件，使用：

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

然后当你正在加载的页面，试试这个：

localStorage.getItem('scores'); 

要了解更多关于localStorage，使用此：

• MDN
• Dive Into HTML5 - LocalStorage

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