html提交用indexOf获取表格中数据并在新页面中打开

HTML表单通常用于收集用户信息，并通过`submit`按钮触发JavaScript事件。如果你想在用户点击提交按钮时，在新页面中显示表格中特定数据，可以结合HTML、JavaScript和一些基本的DOM操作来实现。

首先，在HTML表单中添加一个提交按钮，并绑定一个`onclick`事件处理函数：

<form id="myForm">
  <!-- 表格元素 -->
  <table>
    <tr>
      <td>列1</td>
      <td>列2</td>
      <!-- 添加需要操作的数据单元格 -->
      <td id="dataCell">数据内容</td>
    </tr>
  </table>
  <button type="button" onclick="submitData()">提交</button>
</form>

然后，在JavaScript部分编写`submitData()`函数：

function submitData() {
  // 获取表格中的数据
  var data = document.getElementById("dataCell").innerText;

  // 创建一个新的窗口或者弹出层
  var newWindow = window.open("", "_blank");

  // 在新窗口的URL中添加查询参数，以便在新页面读取
  var url = "newPage.html?data=" + encodeURIComponent(data);

  // 将新URL设置为新窗口的地址
  newWindow.location.href = url;
}

在这个例子中，`encodeURIComponent`用于防止特殊字符导致的URL编码错误。当用户点击提交后，会在新的空白页（`_blank`表示新标签页）中打开名为`newPage.html`的页面，其中可以通过URL参数`data`获取到表格中的数据并进行后续处理。