编辑:由于我的问题似乎不清楚,我将重新表述我的问题。
我需要:
将变量存储在本地存储中。我有一个按钮可以执行此操作。
检索变量的值,但前提是本地存储中有任何值。如果没有,那么我想设置标准值。
删除本地存储。我还有一个按钮。
在这种情况下我使用以下代码,但变量 scrapMetal
始终返回 true。
Javascript:
//Been to variables
var beenToPrison = true;
//Item variables
var scrapMetal = false;
//Room variables
var currentRoom = 'prison';
//Mission variables
var currentMission = 'breakOut';
//Store
$("#media-icon1").click(function() {
if (Modernizr.localstorage) {
localStorage.setItem("curmission", currentMission);
localStorage.setItem("curroom", currentRoom);
localStorage.setItem("scrpmtl", scrapMetal);
localStorage.setItem("beenprison", beenToPrison);
addText( $('<p>Game saved.<br><br></p>'))
}
else {
addText( $('<p>Browser does not support saving.<br><br></p>'))
}
console.log(scrapMetal);
});
//Remove storage
$("#media-icon2").click(function() {
if (Modernizr.localstorage) {
localStorage.removeItem('curroom', 'beenprison', 'scrpmtl', 'curmission');
addText( $('<p>Save erased.<br><br></p>'))
}
else {
addText( $('<p>Browser does not support saving so there is nothing to delete.<br><br></p>'))
}
console.log(scrapMetal);
});
//Add a P element to the placeholder in the focus screen
var addText = function(el) {
el.hide().appendTo('#placeholder').fadeIn(1000);
}
//Check if browser support local storage using a library
$(document).ready(function() {
if (Modernizr.localstorage) {
addText( $('<p>Your browser supports local storage. Game data can be saved by pressing the save button.<br><br></p>'))
scrapMetal = localStorage.scrpmtl;
if (scrapMetal === null) {
scrapMetal = false;
}
else {
scrapMetal = localStorage.scrpmtl;
}
}
else {
addText( $('<p>Your browser does not support local storage. Your game can not be saved. Please use another browser or update your current browser.<br><br></p>'))
}
console.log(scrapMetal);
});
最佳答案
只是想补充一点,在设置之前应将数据转换为 JSON。
localStorage.setItem("scrapMetal", JSON.stringify(false));
JSON.parse(localStorage.getItem("scrapMetal"));
否则您将看到字符串“false”,而不是 bool 值 false。
关于javascript - 如何正确使用本地存储?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/40698032/