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

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

为了扩展ChrisC（现在是Maunos - 该死的我打字太慢了）回答......

你不能只需要做一个而不需要使用Javascript吗？

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

使用带有href的<a>的优点是它在语义上是正确的（它是一个链接标记，你正在创建一个链接），没有Javascript的用户可以使用它（是的我知道这是一个非常小的问题，但是对于想要右键单击并在新标签中打开链接的人来说，这样更好。 尝试使用基于javascript的按钮，你不能。

我看到它提到你可能希望这是一个提交。 从它的声音我看不到，但如果它确实需要是一个提交它应该在一个表单内，并且该action将发布到该特定页面，例如

<form action="create-student">

<!-- Your form goes here -->

<input type="submit" value="Sign Up" class="btn btn-default" />
</form>

Answer 4

为您的按钮添加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>等标记

希望这可以帮助...

Answer 5

尝试...

onclick="window.open('create-student')" 

代替。

Answer 6

button元素的默认行为是提交。 尝试取消添加return false的默认行为。

HTML

<button type="submit" class="btn btn-link" onclick="redirect">Sign up</button>

JS

function redirect() {
   window.location.href='create-student';
   return false; // cancel default behavior
}

Answer 7

考虑到它是一个基于Django的网站，并扩展了@ChrisC的修正，正确的做法是：

1. 为要访问的URL指定名称

   url(r'^signup/$', your_view.SignUp.as_view(), name="signup"),

2. 使用模板中href标记上的url名称

   <a class="btn" href="{% url 'signup' %}">Sign up</a>