javascript - 使用 Javascript 将变量写入第二个 HTML 文件

Question

我有 2 个 HTML 文件和 1 个 javascript 文件，index.html、results.html 和 file.js

在 index.html 中，我检索用于在 javascript 文件中进行一些计算的用户输入。按下按钮时开始计算。现在我想显示从 index.html 检索到的数据以显示在 results.html 上，因此当按下按钮时它应该运行该函数并转到另一个页面。

在一页上计算和显示结果一切正常，但我不知道如何在 results.html 上显示结果。

这是一段代码的样子:

function berekenKoolBehoefte(){
    koolBehoefte = (energieBehoefte - (eiwitBehoefte * 4) - vetBehoefte) / 4;
    toonKool();
}

function toonKool(){
    var uitkomstKool = document.getElementById("uitkomstKool");
    uitkomstKool.innerHTML = (koolBehoefte * 4).toFixed(1) + " kcal" + " " +     koolBehoefte.toFixed(1) + " gram"
}
bereken.addEventListener('click', berekenKoolBehoefte, false);

这显示在一页上，知道函数 toonKool() 应该显示在 results.html 中

Answer 1

在这种情况下你最好的选择是使用:

• 服务器端存储值并从那里获取结果
• cookies - 如果是小数据，只需将其放入 cookie 中即可。有关如何使用带有普通 javascript 外观的 cookie 的更多信息 here
• 将您的结果附加到 url，然后用 JS 解析它们。你可以看到它是如何完成的here
• iFrame - 您可以将结果附加到 iframe 中并访问 数据。这种方法很好，但对我来说太糟糕了