javascript - JS window.answer 在另一个 html 页面上未定义

Question

我正在一个 html 页面上计算一些值，并在另一个 html 页面上报告该值。为了将计算出的答案传递到下一页，我将其存储在 window.answer=myValue 中，并通过 location.href=answer.html 更改了页面。在answer.html 上，我的window.answer 未定义。有什么问题？

function callback() {
  if (this.id === q[i][0]) {
    correct++;
  } else {
    incorrect++;
  };
  if (i < q.length - 1) {
    i++;
    document.getElementById('question').innerText = q[i][1];
    document.getElementById('true').setAttribute('aria-valuenow', Math.floor(((correct + incorrect) / q.length) * 100));
    document.getElementById('true').setAttribute('style', "width: " + ((correct + incorrect) / q.length) * 100 + "%");
    document.getElementById('true').innerText = Math.floor(((correct + incorrect) / q.length) * 100);
  } else {
    window.answer = Math.floor(100 * (correct / q.length));
    window.location.href = "answer.html";
  }
}

Answer 1

窗口对象会在导航更改时刷新。使用localStorage在不同页面之间保存数据。

设置答案

window.localStorage.setItem('answer', Math.floor(100 * (correct / q.length)));

在answer.html

var answer = window.getItem('answer');

替代方案SessionStorage