单击按钮导航到路线

Question

当我单击以下按钮时，我希望被重定向到href. 但是它不起作用：

<button href="/auth"> Google+ </button>

我不确定这是否重要，但我正在运行一个节点应用程序。

如何通过单击按钮导航到路线？

Answer 1

按钮最初并不是为了重定向到新页面而设计的。相反，您正在寻找的是a标签。但是，通过阅读评论，很明显您希望保留该button元素并添加相同的重定向功能而不使用 JavaScript，因此我将提供几个解决方案：

使用 JavaScript

var button = document.getElementById('myButton');
button.onclick = function() {
  location.assign('https://stackoverflow.com/questions/52229901/navigate-to-route-on-button-click/');
}

<button id="myButton">Visit Website</button>

没有 JavaScript

<form action="https://stackoverflow.com/questions/52229901/navigate-to-route-on-button-click/">
    <input type="submit" value="Visit Website"/>
</form>

Answer 2

您可以使用以下解决方案通过单击按钮导航到路线：

<button onclick="clickFun()"> Google+ </button>
<script>
    clickFun() {
        window.location = '/auth';
    }
</script>