Question

我有两个HTML页面：firstpage.html和secondpage.html。在firstpage.html中，有一个表格 - firstpage.html：

<!DOCTYPE html>
<html>
<head>
<title>Form Filling</title>
</head>
<body>
     <form action="secondpage.html" method="GET">
Enter Serial Number: <input type="number" name="serialNumber" />
                     <input type="submit" value="Submit" />
</form>
</body>
</html>

首页数据发送到secondpage.html。我想在secondpage.html-中显示和使用表单数据serialNumber secondpage.html：

<!DOCTYPE html>
<html>
<head>
     <title>Display</title>
</head>
<body>
<form name="selva" action="thirdpage.html">
  <input type="hidden" name="kumar">
</form>
<script type="text/javascript">
    var locate=window.location;
    document.selva.kumar.value=locate;
    var text=document.selva.kumar.value;
      function pass(str) 
      {
        point=str.lastIndexOf('=');
        return(str.substring(point+1,str.length));
      }
document.write("Serial Number" + pass(text));
</script>
</body>
</html>

所以现在我可以将serialNumber变量从firstpage.html传递到secondpage.html，以便secondpage.html中的上述代码将显示串行nuimber，我想在第三页中输入相同的序列号 - thirdpage.html：

<!DOCTYPE html>
<html>
<head>
   <title>Repeating</title>
</head>
<body>
<form method="link">
    Enter Serial Number2: <input type="number" name="burns" />
                         <input type="submit" value="Submit" />
</form>
</body>
</html>

请告诉我们如何在所有这些页面中打印数据？

Answer 1

我能找到的最简单的方法是，将所有三个页面写在一个单独的html文件中，并根据条件显示它们。这样您就不需要使用localstorage。

其他方法将使用查询参数。您可以简单地学习如何使用它们。这里是简单的javascript处理查询参数插件的链接：

http://jillix.github.io/url.js/

您可以将序列号作为查询参数传递给另一个html。如果您对如何使用此方法感到困惑，请告诉我，我会详细告诉您。

在javascript中将数据从一个传递到另一个

1 个答案: