会话存储不起作用

时间:2017-02-27 06:55:25

标签: javascript html5 session

我正在获取会话值并尝试使用Id将其存储在html中。当我在javascript函数中提醒值时,它会显示会话中的值,但不会将其设置为HTML。

function result() {
  var quantScore = sessionStorage.getItem('quantData');
  var quantAns = sessionStorage.getItem('mathQuestion');
  var readingCorrectAns = sessionStorage.getItem('readcorrect');
  var readingAns = sessionStorage.getItem('readans');

  var audvidScore = sessionStorage.getItem('audiovideoData');
  var audvidAns = sessionStorage.getItem('audiovideoQuestion');

  document.getElementById("quantque").innerHTML = quantAns;
  document.getElementById("quantscore").innerHTML = quantScore;

  document.getElementById("readque").innerHTML = readingAns;
  document.getElementById("readans").innerHTML = readingCorrectAns;

  document.getElementById("audvidque").innerHTML = audvidAns;
  document.getElementById("audvidscore").innerHTML = audvidScore
}
<body onload="result()">
  <div class="outer">
    <div class="top">Score Card</div>
    <section class="section1">
      <div class="border">
        <details>
          <summary>Quantitative Section</summary>
          <p><b>Number of Questions Answered: <span id = "quantque"> </span><br>
        Number of Correct Answered: <span id = "quantans"> </span><br>
        Score: <span id = "qunatscore"> </span><br></b></p>
        </details>
        <details>
          <summary>Reading Section</summary>
          <p><b>Number of Questions Answered: <span id = "readque"> </span><br>
        Number of Correct Answered: <span id = "readans"> </span><br>
        Score: <span id = "readscore"> </span><br></b></p>
        </details>
        <details>
          <summary>Audio/Video Section</summary>
          <p><b>Number of Questions Answered: <span id = "audvidque"> </span><br>
        Number of Correct Answered: <span id = "audvidans"> </span><br>
        Score: <span id = "audvidscore"> </span></b></p>
        </details> <br>
      </div>
      <h2 style="text-align : center;"> Thank You !</h2>
      <input type="submit" name="submit" value="Finish" />
  </div>
  </div>
</body>

0 个答案:

没有答案