点击按钮后导航到指定路由

Question

当我点击下面的按钮时，我希望能够重定向到href中指定的路由。然而，它并不能正常工作：

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

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

如何在按钮点击时导航到路由？

- Ryan Cameron

Answer 1

按钮最初并不是为了重定向到新页面而设计的，相反，您需要查找的是 a 标记。但是从评论中可以清楚地看出，您想保留 button 元素并添加相同的重定向功能，而不使用 JavaScript，因此我将提供一些解决方案：

使用JavaScript

var button = document.getElementById('myButton');
button.onclick = function() {
  location.assign('https://dev59.com/la7la4cB1Zd3GeqPZj21);
}

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

没有 JavaScript

<form action="https://dev59.com/la7la4cB1Zd3GeqPZj21">
    <input type="submit" value="Visit Website"/>
</form>

- Adam Chubbuck

Answer 2

您可以使用以下解决方案，在按钮单击时导航到路由：

您可以在按钮单击时使用以下解决方案导航到路由：

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

- irjawais

---

如果这是一个POST请求呢？ - nanquim

Answer 3

按钮需要一个onClick处理程序。href属性用于链接（更具体地说是锚标签）。

<button onClick='someFunction'>Google</button>

<script>
    someFunction() {
        window.location = 'some-url';
    }
</script>

- Abid Hasan

---

不使用JavaScript是不可能的吗？ - Ryan Cameron

@RyanCameron 是的，请看我的回答。 - Adam Chubbuck

Answer 4

您可以使用标签来替代：

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

- irjawais

Answer 5

最好的路由不同页面的方法：我们有原生的JavaScript方法location.asign('这里是你的链接');例如

var btn = document.getElementById('btn');
btn.onclick = function() {
location.assign('https://dev59.com/la7la4cB1Zd3GeqPZj21');
}

<button id="btn">
  click 
</button>

- Ng Atom

Answer 6

您可以将链接放在按钮内，并为链接href属性赋值，根据需要设置href类的样式

    <button class="button is-success" onclick={submit}>
      <a href="/auth" class="href">
        Save changes and Submit
      </a>
    </button>

- Djinn

Answer 7

非常简单，您不能在按钮标记内使用链接，但是您可以在按钮标记外添加标记 例如：

<a href='www.google.com'><button>Click me</button></a>

其余部分取决于您的CSS技能

- sudo-bhavin

Answer 8

你可以将按钮嵌套在锚点标签内。

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

- Mahmoud El-Jiddawi