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

Question

我正在制作一个带有标签的游戏，当我更改标签时，它一直在标签重置之间进展。http: //prntscr.com/ns2jvg http://prntscr.com/ns2k31 http://prntscr.com/ns2k74我最终知道将创建最后一个选项卡，您可以使用该选项卡进行重置。 但是我希望开发能够调试并且能够在不重置的情况下切换选项卡

我不确定这是怎么做到的

这是我的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 个解决方案

解决方案1
2 已采纳 2019-05-22 23:20:43

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

问题描述

1 个解决方案

解决方案1 2 已采纳 2019-05-22 23:20:43

解决方案1
2 已采纳 2019-05-22 23:20:43