Question

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

注意：没有php或服务器端或任何真正严重相关的内容，这只是简单的OFFLINE HTML格式问题，我只有2个html位置在同一个文件夹中，我会在我的测试浏览器，就是这样。我唯一担心的是如何在confirm.html文件中使用来自form.html文件的信息，因为它们显然是分开的。

非常感谢，这是我的form.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>

Answer 1

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

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

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

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

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

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

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

存在许多其他工具，但更适合这项工作：服务器端脚本语言，例如PHP，ASP，JSP。对于本地设置，最好的方法是使用XAMPP。

Answer 2

如果您不想依赖服务器端技术，这会变得更加复杂（而且我可能会添加hacky）。可能最简单的方法是在提交时生成这样的URL -

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

然后添加一些代码给confirm.html解压缩。 Here's您可能会发现有用的相关问题。

如果你允许我进行一些编辑，你究竟想做什么？如果这只是个人项目，看看html如何工作，那么我强烈建议开始学习服务器端技术 - 一旦你开始想要处理用户数据并保持状态，你几乎被迫使用服务器。网络设计非常无国籍;如果不使用服务器，或者通过一些非常复杂的AJAX＆amp; DOM更新技术，无论如何都倾向于依赖专门的服务器文件。你可以运行PHP＆amp; MySQL服务器在本地使用现有技术，如果您有兴趣扩展您的Web技术知识，这是不可避免的一步。

提交HTML表单以在新页面中显示输入的信息

2 个答案: