0

我有一个 HTML 表单（称为form.html）和一个 JavaScript 函数，这样当提交表单时，就会显示该表单中的信息。
现在我希望所有这些信息都显示在新的 HTML 页面（称为confirm.html）中，我应该从哪里开始？

注意：没有 php 或服务器端或任何真正相关的东西，这只是简单的离线 HTML 表单问题，我在同一个文件夹中只有 2 个 html 位置，我将在我的浏览器上对其进行测试，仅此而已。我唯一担心的是如何在 confirm.html 文件中使用 form.html 文件中的信息，因为它们显然是分开的。

非常感谢，这是我的 form.html（我还没有 confirm.html）

    <HTML>
      <HEAD>
        <TITLE>Contact</TITLE>

        <script type="text/javascript">

          function addtext()
          {
             var fname = document.myform.first_name.value;
             var lname = document.myform.last_name.value;
             var email = document.myform.email.value;

             document.writeln("Thank you! You have just entered the following:");
             document.writeln("<pre>");
             document.writeln("First Name    : " + fname);
             document.writeln("Last Name     : " + lname);
             document.writeln("Email Address : " + email);
          }
        </script>
      </HEAD>
      <BODY>

      <center>
<b>CONTACT US</b> <br></br>   
<form name="myform">

  <label for="first_name">First Name </label>
  <input  type="text" name="first_name" maxlength="50" size="30">
    <br>
  <label for="last_name">Last Name </label>
  <input  type="text" name="last_name" maxlength="50" size="30">
    <br>
  <label for="email">Email Address</label>
  <input  type="text" name="email" maxlength="80" size="30">
    <br>
  <input type="submit" value="Submit" onClick="addtext()">

</form>

    </BODY>
    </HTML>
4

2 回答 2

1

查看windowJavaScript 的对象：http: //www.devguru.com/technologies/javascript/10855.asp

它有一个属性location，如果你写进去，你的浏览器会重定向：

window.location = "http://www.google.com";

但请注意，这不会将您的数据发布到 confirm.html。您在没有服务器端脚本的情况下尝试做的事情并不是很有用。HTML 表单将使用CGI（通用网关接口）将数据发送到服务器，然后服务器可以处理信息。如果您使用该file://协议（正如您似乎正在做的那样；所有本地静态文件），则没有服务器端来处理数据，只有 JavaScript。

如果使用 GET 方法通过 CGI 发送数据，您可以使用 javaScript 从 URL 中提取数据（如另一个问题中所述）。为此，只需form像这样更新您的：

<form action="confirm.html" method="get">

并且不要onClick在提交按钮上放置处理程序，只需让它提交即可。

尽管存在许多其他工具，但这种方式更适合这项工作：服务器端脚本语言，示例包括 PHP、ASP、JSP。对于本地设置，最好使用XAMPP。

于 2012-10-14T19:01:03.363 回答
1

如果您不想依赖服务器端技术，这会变得更加复杂（我可能会补充一点，也很老套）。可能最简单的方法是在提交时生成这样的 url -

http://localhost/confirm.html?first_name=val1&last_name=val2&email=val3

然后添加一些代码到confirm.html 来解压它。这是一个您可能会发现有帮助的相关问题。

如果您允许我发表一下社论，您到底想做什么？如果这只是一个了解 html 工作原理的个人项目，那么我强烈建议您开始学习服务器端技术——一旦您开始想要处理用户数据并保持状态，您几乎不得不使用服务器. 网络在设计上是无状态的；如果不使用服务器，或者通过一些非常复杂的 AJAX 和 DOM 更新技术（无论如何往往依赖于专门的服务器文件），您就无法在页面之间传递变量。您可以使用现有技术在本地运行 PHP 和 MySQL 服务器，如果您有兴趣扩展您的 Web 技术知识，这是不可避免的一步。

于 2012-10-14T19:29:53.590 回答