Question

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

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

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

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

Answer 1

按钮最初并不是为重定向到新页面而设计的。相反，您要寻找的是@RunWith(PowerMockRunner.class) public class DaoTest { @Test public void testGetNetworkList() { List<Ntwrk> networkList = new ArrayList<Ntwrk>(); Ntwrk ntwrk = new Ntwrk(); //set values to ntwrk object networkList.add(ntwrk); PowerMockito.mockStatic(Restrictions.class); when(this.sessionFactory.getCurrentSession().createCriteria(Ntwrk.class).add(Restrictions.isNotNull("processorCodeDefault"))).thenReturn(criteria); //getting NullPointerException here when(this.criteria.list()).thenReturn(networkList); List<Network> returnedNetworkListFromDB = Dao.getNetworkList(); assertEquals(1, returnedNetworkListFromDB.size()); } }标签。但是，通过阅读注释，很明显，您希望保留a元素并添加相同的功能以进行重定向而不使用JavaScript，因此，我将提供一些解决方案：

使用JavaScript

button

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

没有JavaScript

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

Answer 2

路由某些不同页面的最佳方法：我们具有本机javascript方法 location.asign（'这里是您的链接'）; 例如

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

sc.textFile(file).map { line => Vectors.dense(line.split(' ').map(_.toDouble)) }

Answer 3

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

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

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

Answer 4

您可以改用a元素：

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

Answer 5

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

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

Answer 6

很简单，你不能在按钮标签内使用链接，但你可以在按钮标签外添加标签

例如

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

休息就看你的css技能了

Answer 7

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

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

导航到单击按钮的路线

7 个答案: