Question

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

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

一切正常，可以在1页上计算和显示结果，但我不知道如何在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);

这显示全1页，知道函数toonKool（）应该显示在results.html

中

Answer 1

在这种情况下，最好的办法是使用：

服务器端存储值并从中获取结果
cookies - 如果是小数据，只需将其放入cookie即可。有关如何使用纯javascript外观here
将结果附加到url，然后使用JS解析它们。你可以看到它是如何完成的here
iFrame - 您可以将结果附加到iframe中并访问数据。这种方法非常好，但根据我的口味 - 这很糟糕

Answer 2

我认为你会更好：

1）通过按钮在页面上创建表单。

2）在表单提交上进行计算并将结果放入表单中的隐藏字段（或将所有字段发布到服务器端进行计算）。然后，您想要传递的所有参数都可以在第二页的服务器上访问。

3）使用之前的GET或POST参数显示第二页。

Cookies可能会忘记清除，管理它们要困难得多。

iframe中的计算比使用ajax要糟糕得多。你可以使用ajax来部分加载第二页，然后所有的javascript变量都会保留。

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

2 个答案: