javascript - 如何将 javascript 文件中的变量放入 HTML 文件中的元素中？

Question

我在 HTML 文档中创建了一个简单的测验，我想在另一个 HTML 文档中显示分数。如何将脚本文件中的变量放置到 HTML 文件中的元素中？

这是我的 Javascript 代码，其中大部分 if 语句已被编辑掉(它们都是相同的):

var score = 0;

function start(){
    if (document.getElementById('radio13').checked){
        score ++;
    }
    if (document.getElementById('radio23').checked){
        score ++;
    }
    var finalscore = score *10;
    var results = "Your score is: " + finalscore + " %.";
    window.location.replace("quizresults.html");
    document.getElementById('presult').innerHTML = results;
}

新页面已加载，但它是空的。这是我希望添加分数的结果页面的 HTML 代码:

<div id="main">
        <p id="presult"></p>
</div>

Answer 1

通过使用window.location.replace，您可以将浏览器指向一个不同的新页面。因此，代码的最后一行将不会被执行。

要实现您的目标，请使用XMLHttpRequest