如何在我的网站中将此按钮重定向到网站上的另一个页面？

Question

我一直试图根据我在这里和其他地方所做的一些研究,将这个按钮重定向到网站上的另一个页面,但无论我尝试什么,它都行不通.作为序言,这个网站是基于django的,但我也有bootstrap,javascript和JQuery.

<button type="submit" class="btn btn-link" onclick="window.location.href='create-student'">Sign up</button>

因此,注册按钮位于基页上,create-student是指向我希望按钮转到的页面的链接.这就是我到目前为止所做的事情,以及我尝试过的其他事情.它只是刷新页面并添加一个？到网址的末尾.

Answer 1

在使用引导程序时,您可以将链接设置为看起来像按钮:

<a href="create-student" class="btn">Sign up</a>

这也节省了没有javascript的问题

Answer 2

你应该将它作为一个链接,并将其设置为看起来像一个按钮.

使用boostrap,可以通过添加class="btn"链接来实现.

之后它更简单,没有涉及javascript技巧,你在使用链接时使用链接.(从页面导航到另一个).

<a href="create-student" class="btn btn-default">Sign up</a>

如果你很好奇如何设计它,因为你不会从文档中阅读更多内容:

关于按钮的Boostrap文档.

基本上,你可以使用任何的btn-default,btn-primary,btn-success和类似的类的链接也.

干杯.

Answer 3

为您的按钮添加 ID

<button id="btnSubmit" type="submit" class="btn btn-link" >Sign up</button>

$("#btnSubmit").click(function()
{
window.location.href = "http://stackoverflow.com"; //Your URi here
}):

更多注意： 我希望使用按钮类型“提交”重定向到另一个页面很奇怪，如果您只想在单击按钮时重定向用户，请使用按钮类型而不是如下所示的“提交”类型

<input id="btnSubmit" type="button" class="btn btn-link" value="Sign Up">

（或者）

使用标签也喜欢<a href="create-student" class="btn">Sign up</a>

希望这可以帮助...