如何使一個全局變量與每個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);