javascript - 在页面之间保留 JavaScript 值

Question

我正在尝试使用 HTML 和 JavaScript 在网页上创建一个测验。每个问题(有 4 个选项可供选择)都是一个单独的 html 文件，但使用相同的 JavaScript 文件来评估输入的选择是对还是错。

但是，我正在努力寻找一种方法来跟踪用户提供的正确答案数量以计算他/她的分数。

有没有一种方法可以在 JavaScript 中创建静态或类静态变量？涉及 cookie 的解决方案也很受欢迎。

Answer 1

一种可能的解决方案是将问题文件中的 HTML 加载到父页面中，但将整个测验放在该页面上。这样，您仍然可以灵活地为每个问题设置不同的页面，但对于浏览器来说它们都是一页。此外，在 Javascript 中创建或跟踪的任何变量都将在整个测验中持续存在。

使用 Jquery 的 .load 很容易做到这一点功能。您的页面中间有一个 div，它从您导航到的任何 HTML 页面加载其内容。

请记住，进入 Javascript 并更改正确答案的数量对我来说非常容易。事实上，任何客户端解决方案都存在该问题。如果这不仅仅是为了好玩，而且准确性很重要，您可能希望在每个问题后将结果发送回您的服务器。这样，无论您如何实现测验，结果都会保留在您的端。