javascript实现一个html提交的表单数据放到另一个html页面显示

可以使用以下步骤来实现：

1. 在第一个HTML页面中创建一个表单，其中包含要提交的数据。

<form id="myForm" action="secondPage.html" method="post">
  <label for="name">Name:</label>
  <input type="text" id="name" name="name"><br><br>
  <label for="email">Email:</label>
  <input type="email" id="email" name="email"><br><br>
  <input type="submit" value="Submit">
</form>

2. 在第二个HTML页面中创建一个用于显示提交数据的区域。

<div id="displayData"></div>

3. 使用 JavaScript 在第一个HTML页面中捕获表单提交事件，在事件处理程序中阻止表单的默认行为（防止页面刷新），并获取表单数据。

document.getElementById("myForm").addEventListener("submit", function(event) {
  event.preventDefault();
  var name = document.getElementById("name").value;
  var email = document.getElementById("email").value;
  // 将表单数据存储到本地存储中，以便在第二个HTML页面中访问
  localStorage.setItem("name", name);
  localStorage.setItem("email", email);
  // 转到第二个HTML页面
  window.location.href = "secondPage.html";
});

4. 在第二个HTML页面中使用 JavaScript 获取本地存储中的表单数据，并将其显示在页面上。

var name = localStorage.getItem("name");
var email = localStorage.getItem("email");
document.getElementById("displayData").innerHTML = "Name: " + name + "<br>Email: " + email;

这样，当用户在第一个HTML页面中提交表单时，将跳转到第二个HTML页面，并在该页面上显示提交的数据。