如何修复切换选项卡时的进度重置
如何修复切换选项卡时的进度重置
提问于 2019-05-23 07:18:44
我正在制作一个带有标签的游戏，当它在标签之间进行重置时，当我改变标签时，http://prntscr.com/ns2jvg，http://prntscr.com/ns2k31，http://prntscr.com/ns2k74，我知道最终我会做一个叫做options的最后一个标签，你可以用它来重置。但我希望开发能够调试，并能够切换标签没有重置
我不确定这是怎么做的。我是html新手。
这是以html表示的我的主页选项卡：
<html>
<head>
<title> Basic Clicker</title>
<link rel="stylesheet" href="css/style.css" />
</head>
<body>
<div class="nav_bar">
<ul>
<li><a href="GameMainWindow.html" id="onlink">Home</a></li>
<li><a href="SkillTree.html">SkillTree</a></li>
<li><a href="Equipment.html">Equipment</a></li>
<li><a href="Pets.html">Pets</a></li>
<li><a href="Skills.html">Skills</a></li>
<li><a href="Quests.html">Quests</a></li>
</ul>
</div>
<div class="main_container">
<p>
<html>
<head>
<link rel="stylesheet" type="text/css"
href="interface.css" />
</head>
<title> Basic Clicker</title>
<body>这是html中的下一个选项卡：
<html>
<head>
<title> Basic Clicker</title>
<link rel="stylesheet" href="css/style.css" />
</head>
<body>
<div class="nav_bar">
<ul>
<li><a href="GameMainWindow.html">Home</a></li>
<li><a href="SkillTree.html" id="onlink">SkillTree</a></li>
<li><a href="Equipment.html">Equipment</a></li>
<li><a href="Pets.html">Pets</a></li>
<li><a href="Skills.html">Skills</a></li>
<li><a href="Quests.html">Quests</a></li>
</ul>
</div>
<div class="main_container">
<p>
<html>
<head>
<link rel="stylesheet" type="text/css"
href="interface.css" />
</head>
<title> Basic Clicker</title>
<body>我希望选项卡可以切换，并且播放器不会丢失任何数据/不会重置。现在，当你点击一个不同的标签时，一切都会重置。
回答 1
Stack Overflow用户
回答已采纳
发布于 2019-05-23 07:20:43
您可以使用。
在第一页上，您可以使用以下命令将项目添加到localStorage中：
localStorage.setItem('pet', 'Cat'); // name, value在第二页上，您可以使用以下命令来检索值：
var pet = localStorage.getItem('pet');您也可以在以后覆盖该值，或使用以下命令删除它：
localStorage.removeItem('pet'); // remove an individual item
localStorage.clear(); // remove all items请注意，localStorage 会跨浏览器会话保持。如果您希望将存储限制为单个会话，则应改为使用。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/56266164
复制相关文章
相似问题