js写一个表格内容展示跳转内容添加

好的，下面是一个简单的示例代码，实现了表格的内容展示和跳转到内容添加页面的功能。请注意，这只是一个简单的示例，具体实现方式可以根据您的需求进行调整和优化。另外，为了演示方便，这里使用了 jQuery 库来操作 DOM 元素。

<!-- HTML 页面结构 -->
<table id="myTable">
  <thead>
    <tr>
      <th>编号</th>
      <th>姓名</th>
      <th>年龄</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>1</td>
      <td>张三</td>
      <td>25</td>
    </tr>
    <tr>
      <td>2</td>
      <td>李四</td>
      <td>30</td>
    </tr>
  </tbody>
</table>

<button id="addBtn">添加</button>

// JavaScript 代码
$(function() {
  // 点击表格中的行，跳转到内容展示页面
  $('#myTable tbody tr').on('click', function() {
    // 获取点击的行的编号
    var id = $(this).find('td:first').text();
    // 跳转到内容展示页面，并将编号作为参数传递
    location.href = 'detail.html?id=' + id;
  });

  // 点击添加按钮，跳转到内容添加页面
  $('#addBtn').on('click', function() {
    location.href = 'add.html';
  });
});

以上代码中，我们首先使用 jQuery 获取表格中的每一行，并为其添加一个点击事件处理函数。当用户点击某一行时，我们获取该行的编号，并通过 location.href 属性跳转到内容展示页面。注意，在这里我们只是将编号作为参数传递，具体的内容展示需要在展示页面中进行处理。

另外，我们还为添加按钮添加了一个点击事件处理函数。当用户点击添加按钮时，我们同样使用 location.href 属性跳转到内容添加页面。

需要注意的是，在这里我们使用了 jQuery 库来简化 DOM 操作。如果您不想使用 jQuery，可以使用原生 JavaScript 来实现相同的功能。