0

创建一个用户回答 5 个问题的游戏。我想在完成游戏后在单独的页面上显示他们的分数。

这是我的页面的设置方式:

<div data-role="page" id="displayScore">
  <div data-role="header">
    <h1>How Did You Go?</h1>
</div>
<div data-role="content">
<p id="displayScore" align="center"></p>
    <input type="button" value="Play Again?" onClick="startGame();"/>
    <input type="button" value="Main Menu" onClick="" />
</div>
<div data-role="footer">
  <h4>AL</h4>
</div>
</div>
</body>
</html>

这是我的功能:

function score()
{
    ans += "You scored <strong> " + score + " </strong> out of <strong> " + count + "!</strong>";
    document.getElementById('displayScore').innerHTML = displayScore;
}
4

1 回答 1

0

如果您想将值传递到另一个页面,那么您必须执行以下方法之间的一种方法

  1. 通过查询字符串传递值(使用 get 方法)
  2. 通过 post 方法传递值
  3. 使用 cookie、localStorage 或 sessionStorage 来存储值并在另一个页面中检索值。

如果你想打开一个新窗口,代码将是这样的

window.open('http://www.google.com','GoogleWindow', 800, 600);

如果您想创建一个具有动态值的新窗口,那么

<html>
    <body>

    <script>
        myWindow=window.open('','','width=200,height=100');
        var displayScore = "your score";
        myWindow.document.write("<p> + displayScore + </p>")
        myWindow.focus();
    </script>

    </body>
</html>

最好直接用score打开新窗口。

如果您有一个 result.html 页面,那么您可以通过查询字符串传递分数,或者您可以在 result.html 页面中编写 javascript 代码来访问任何 cookie、localStorage 或 sessionStorage 来获取分数。但请确保您已将分数保存在其中任何一个中。

于 2013-11-08T11:47:40.920 回答