如何使用 HTML 使按钮单击以转到另一个页面？ [复制]答案

【问题标题】：How to make a button on-click to go to another page using HTML? [duplicate]如何使用 HTML 使按钮单击以转到另一个页面？ [复制]
【发布时间】：2020-04-13 12:03:55
【问题描述】：

我有一个按钮，当您单击该按钮时，它会将您带到我的一个子站点。

按钮是a 标记的子元素。有没有更好的办法？

<a target='_blank' href='example.com/sub-site.html'>
<button name='link' style="cursor:pointer"  class='example-style' value='example.com/sub-site'
title='Example Title>Example</button></a>

如果可能，我宁愿不使用form 标签。

谢谢！

【问题讨论】：

为什么不直接使用a href 目标而不是标签内的按钮？

标签： html button hyperlink

【解决方案1】：

使用 JavaScript 重定向。此处显示了一个示例：

<button id="button1">Example</button>
<script>
document.getElementById('button1').onclick = function() {
    window.location.href = "example.com/sub-site";
}
</script>

【讨论】：

【解决方案2】：

如果您的问题是“a href...”或“button...”哪个更好：我会告诉您，对我来说它是“a href”，因为重定向是明确的。

【讨论】：

【解决方案3】：

您可以在<button> 标签内直接添加href：

<button onclick="window.location.href = 'example.com/sub-site.html';">Example</button>

我希望这会有所帮助！

【讨论】：