Javascript 单击按钮导航到路线

单击以下按钮时，我希望被重定向到

href

中指定的路线。但是它不起作用：

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

Google+

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

---

如何在单击按钮时导航到路线？按钮需要onClick处理程序。href属性用于链接（更具体地说是锚定标记）

Google
someFunction（）{
window.location='某个url'；
}

路由不同页面的最佳方法：我们有本机javascript方法 location.asign（“此处为您的链接”）； 比如说

var btn=document.getElementById（'btn'）；
btn.onclick=函数（）{
位置。分配（'https://stackoverflow.com/questions/52229901/navigate-to-route-on-button-click');
}

点击

按钮最初不是为了重定向到新页面而设计的。相反，您要查找的是

a

标记。但是，从阅读评论中可以清楚地看出，您希望保留

按钮
元素，并添加相同的重定向功能，而不使用JavaScript，因此我将提供两个解决方案：

使用JavaScript


var-button=document.getElementById（'myButton'）；
button.onclick=函数（）{
位置。分配（'https://stackoverflow.com/questions/52229901/navigate-to-route-on-button-click/');
}
访问网站
您可以使用
a
元素：

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

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

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

Google+
clickFun（）{
window.location='/auth'；
}
很简单，您不能在按钮标签内使用链接，但可以在按钮标签外添加标签

比如说

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



rest取决于您的css技能
不使用javascript难道不可能吗？@RyanCameron Yes；请看我的答案。如果是帖子呢？
<a href='www.google.com'><button>Click me</button></a>