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

Writing variables to a second HTML file with Javascript

本文关键字：第二个 HTML 文件 Javascript 变量 使用      更新时间：2023-11-19

我有两个HTML文件和一个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);

这在一个页面上显示所有内容，知道函数toonKool（）应该显示在results.html

中

在这种情况下，您最好使用：

  • 服务器端存储值并从中获取结果
  • cookie-如果是小数据，只需将其放入cookie中即可。有关如何使用带有纯javascript的cookie的更多信息，请查看此处
  • 将您的结果附加到url，然后使用JS进行解析。你可以在这里看到它是如何完成的
  • iFrame-您可以将结果附加到iFrame中，并访问数据这种方法很好，但就我的口味而言，太糟糕了

我认为你最好：

1） 点击按钮在页面上创建表单。

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

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

饼干是你可能忘记清理的东西，管理起来要困难得多。

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

相关文章：