localStorage無法正常工作。 頁面重定向時不保存

Question

加載新頁面時，localStorage不保存變量。

我嘗試使用變量，對象和現在的localStorage將數據從一個.js文件保存到另一個。 在javascript中，我使用windows.location更改頁面，所有變量數據均被重置。 所有變量的作用域是全局的。

//在SEPERATE .JS文件中

var beganStory = false;
localStorage.setItem("beganStory", beganStory);
var isMale = false;
localStorage.setItem("isMale", isMale);

//在另一個.JS文件中

document.querySelector("#boy").addEventListener("click", ChangeToMale);
document.querySelector("#boy").addEventListener("click", Redirect);

document.querySelector("#girl").addEventListener("click", Redirect);

function Redirect()
{
    window.location = "StatsPicker.html";
}

function ChangeToMale()
{
    console.log("Changed To Male!");
    alert(localStorage.getItem("isMale"));
    localStorage.setItem("isMale", true);
    alert(localStorage.getItem("isMale"));
}

我希望當用戶單擊具有id boy的元素時保存該變量。 實際結果是頁面重定向后，並且我使用localStorage.getItem（“ isMale”）時返回false。

Answer 1

每當頁面刷新時，不僅會“重置”變量，實際上還會重新運行該頁面上的整個JS腳本集。 在您的情況下，這將包括在localStorage isMale設置為false的部分。