如何做"超文本标记语言FORM action=location.replace（'nextpage.html'）"？

Question

这个头衔实际上是我实现目标的失败尝试。具体来说，我想1。从main转到页面。html（例如，到page1.html）
2。在第1页的表单中收集数据
3。提交时，转到第2页。html（它使用PHP将数据保存到数据库并宣布结果）
4。单击“确定”并返回主菜单页<似乎很合理，对吧？

上面的第4步是我的问题。

我尝试过的事情：
1.在page2中的Ok单击调用history.back。
这将转到page1而不是main
2.在page2
中的“Ok”上调用javascriptlocation.href=main.html这可以工作并转到main，但单击main中的Back按钮会将用户带回page1。（不好）
3.在action=和page1的onSubmit（）中使用javascripthistory.replace（）的许多变体。
这可以工作，但表单的输入不会在查询字符串中传递到page2）
4.清除历史记录。
由于安全问题，这似乎是不可能的。
5.以编程方式在page1上为history.replace（来自表单输入）组合查询字符串。
这很有效，但非常费力，容易出错，而且非常不优雅

如有任何建议，将不胜感激。

========= 我的解决方案4/8/16 ==============
我在下面为任何感兴趣的人发布我的最终解决方案。
page1.html：

<script type="text/javascript">

function addarg(q,addend)
{
  qnew = q + addend;
  return( qnew );
}

function Next()
{
  // GET INPUT VALUES FROM FORM
  frm = document.forms["MainForm"];
  first   = frm.first.value;
  last    = frm.last.value;
  phone   = frm.phone.value;

  // COMPOSE QUERY
  query = "processForm.php";
  query = addarg( query, '?first='+first );
  query = addarg( query, '&last='+last   );
  query = addarg( query, '&phone='+phone );

  location.replace( query ); // chain to processing page
}
</script>

<form action="javascript:Next()" name="MainForm" method=GET>
  ...
</form>

当history.back（）从Process Form.php发出时，它会根据需要返回主菜单。

Answer 1

实现这一点似乎更简单的方法是放置一个简单的<代码>

然后在这个main.html上关联一个标志（可能是一个cookie），它“指示”page1.html清除其表单元素，如果它不是main.html调用的，而是从“返回”按钮调用的（例如，通过刷新元，或者通过加载page1.html#randomnum，其中随机是一个你实时发现的值，迫使你的浏览器明白这不是“旧”page1.html而是“新”page1.html，帮助浏览器不是从缓存而是从网络获取）。

其原理是：如果page1.html被“back”调用，它必须是一个“清晰”的page1.html，不显示用户最终输入的任何数据输入。