两页之间的Html5 localstorage

Question

我试图使用Html5制作游戏。我的需要是我有菜单html页面有3个按钮一，二，三。当我点击那个按钮时，我将这个值存储为一个或两个或三个存储在变量中，它将转到下一页game.html。我也可以检索它。

localStorage.setItem("value",$(this).val()); //storing 1,2 or 3 in value
 var value_menu = localStorage.getItem("value"); //getting value in value_menu

这里我在game.html页面有一个后退按钮，如果我点击它将进入菜单页面并从localstorage中删除键值。

localStorage.removeItem("value"); (or) localStorage.clear();

如果再次单击菜单页面中的按钮，则该值显示为null。为什么它显示为null？因为如果我点击按钮，localstorage必须再次存储值。不是吗？

否则我犯了什么错误？需要一些解释。

提前谢谢你。

Answer 1

因为null是某些东西不存在时的默认值，并且当你返回时删除该值，所以它是“逻辑”....该值为null，因为它因为删除而不存在。 好的？ ; - ）

您可以将null解释为“未选中”（在您的情况下，它未被选中，这是真的，因为您在用户返回时已将其删除）。接下来你需要做的是检查值是否为null（值=== null）并且当它为null（不显示）时不执行任何操作。或者更好：if（typeof value ==“number”＆amp;＆amp; value＆gt; 0）等。

在用户离开第一个/输入页面之前，最好不要删除用户的选择。

纯粹的兴趣：你想创造什么样的游戏？