0

我有这段代码，女巫基本上是 javascript 中的点击计数器。我的问题是，是否可以在两个不同的页面中显示“点击”？

我的目标是制作两个相同的页面，但第二个页面只是显示点击计数，因为第一个页面是点击并同时显示计数。

我在编程方面没有太多经验。非常感谢所有帮助:)

html页面代码：

    <!DOCTYPE html>
    <html>
    <head>
        <title>FCT</title>
        <link href="css/bootstrap.css" rel="stylesheet">
        <link href="css/style.css" rel="stylesheet">
        <script src="lib/jquery-3.3.1.min.js"></script>
        <script src="lib/scripts.js"></script>
        <script src="chama.js"></script>



    </head>

    <body>
 <button type="button" onclick="hello()">Anterior</button>
  <button type="button" onclick="bye()">Próximo</button>


  <div class="barraTop">&nbsp;</div>
  <div class="container page">
    <div class="row barraSuperior">
      <div class="col-xs-1">
        <img src="imagens/espamol.png" height="150" width="250">
      </div>

      <div class="col-xs-11" style="text-align: right;">
        <p></p>
        <span class="uespiTexto">Escola Secundária Padre António Martins de Oliveira</span><br>
        <span class="subtitulo">Matrícula Institucional <strong>SiSU 2019</strong></span>
        <!-- <img src="imagens/sisu.png" class="sisuLogo"> -->
      </div>
    </div>

    <div class="row">
      <div class="senhaAtual">
        <div class="row">
          <div class="col-xs-5 col-xs-offset-1" style="text-align: right;"><br><br>
            <span class="senhaAtualTexto">SENHA &nbsp;</span>
          </div>
          <div class="col-xs-5" style="text-align: left;">
            <span id="senhaAtualNumero"><a id="clicks" style="color:white">0</a></span>
          </div>
          <!--<input type="hidden" id="senhaNormal" value="0000">
                 <input type="hidden" id="senhaPrioridade" value="P000">-->
        </div>
      </div>
    </div>
    <div class="barraTop">&nbsp;</div>
    <div class="row">
      <div class="senhaAtual">
        <div class="row">
          <div class="col-xs-5 col-xs-offset-1" style="text-align: right;"><br><br>
            <span class="senhaAtualTexto">SENHA &nbsp;</span>
          </div>
          <div class="col-xs-5" style="text-align: left;">
            <span id="senhaAtualNumero"><a id="clicks" style="color:white">0</a></span>
          </div>
          <!--<input type="hidden" id="senhaNormal" value="0000">
                 <input type="hidden" id="senhaPrioridade" value="P000">-->
        </div>
      </div>
    </div>
    <div class="row">
      <div class="col-xs-4 col-xs-offset-4 ultimaSenha">
        <br>
        <span id="ultimaSenhaTexto">ÚLTIMA CHAMADA</span><br>
        <span>Senha </span>
        <span id="ultimaSenhaNumero">0000</span>
      </div>
    </div>
  </div>
  <audio id="audioChamada" src="audio/chamada.wav"></audio>

    </body>
    </html>

和javascript代码：

var clicks = 0;

function hello() {
    clicks += 1;
    document.getElementById("clicks").innerHTML = clicks;
};

function bye() {
    clicks -= 1;
    document.getElementById("clicks").innerHTML = clicks;
};
4

1 回答 1

0

仅当一页打开另一页时*。

如果您使用var w=window.open()，您可以访问其他页面的文档w.document。而且，从第二页，您可以访问第一个在window.parent.document.

*仅适用于 js。如果您可以使用服务器语言，则可以使用 ajax 甚至套接字使事情变得更复杂。

于 2020-05-25T12:59:44.910 回答