Question

我正在制作一个带有标签的游戏，当我更改标签时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>

我希望这些选项卡能够切换，并且播放器不会丢失任何数据/不会重置。现在，当您单击其他选项卡时，事情会重置。

Answer 1

您可以使用 localStorage 。

在第一页上，您可以使用以下命令将内容添加到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在浏览器会话中持续存在。如果要将存储空间限制为单个会话，则应使用 sessionStorage 。

切换标签时如何修复进度重置

1 个答案: