单击按钮转到 HTML 的子页面

在许多 Web 应用程序中，我们需要实现单击按钮后将用户转移到另一个 HTML 页面或子页面。本文将向程序员介绍如何使用 HTML、JavaScript 和 jQuery 来实现这个功能。

HTML 实现

首先，在 HTML 中设置一个带有 ID 的按钮，该 ID 将用于在 JavaScript 中引用按钮。例如：

<button id="myButton">点击我</button>

接下来，创建另一个 HTML 页面或子页面，并将其保存为 subpage.html。在页面中添加所需的内容和标记。

最后，在按钮上添加 onclick 属性并将其设置为在单击时调用 JavaScript 函数。该函数将使用 window.location 对象将用户重定向到子页面。例如：

<button id="myButton" onclick="goToSubpage()">点击我</button>

<script>
  function goToSubpage() {
    window.location.href = 'subpage.html';
  }
</script>

jQuery 实现

如果您使用 jQuery，可以使用以下代码来实现相同的功能：

<button id="myButton">点击我</button>

<script>
  $(document).ready(function() {
    $('#myButton').click(function() {
      window.location.href = 'subpage.html';
    });
  });
</script>

该代码将等待文档准备就绪后，将单击事件添加到按钮上。当用户单击按钮时，页面将重定向到 subpage.html。

总结

使用以上代码，您可以轻松地将用户重定向到其他 HTML 页面或子页面。请确保在重定向之前检查所有输入，并避免在输入中包含可执行内容，以避免安全问题。