单击按钮导航到路线

Question

当我单击以下按钮时，我想被重定向到 href 中指定的路由。但是它不起作用：

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

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

如何在单击按钮时导航到路线？

原文由 Ryan Cameron 发布，翻译遵循 CC BY-SA 4.0 许可协议

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>

原文由 Adam Chubbuck 发布，翻译遵循 CC BY-SA 4.0 许可协议