创建一个用户回答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;
}
答案 0 :(得分:0)
如果要将值传递给另一个页面,则必须执行以下方法之间的方法之一
如果你想打开一个新窗口,代码将是这样的
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>
这是用分数直接打开新窗口的最佳方式。
如果你有一个result.html页面,那么你可以通过查询字符串传递分数,或者你可以在result.html页面中编写javascript代码来访问任何cookie,localStorage或sessionStorage来获得分数。但请确保您已将分数保存在任何分数中。