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

当您使用bootstrap时，您可以将链接设置为看起来像按钮：

<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 docs about buttons.

基本上，您也可以使用btn-default，btn-primary，btn-success和类似的任何类别来获取链接。

干杯。

Answer 3

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

您是否可以在不需要使用Javascript的情况下进行改造？

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

将<a>与href一起使用的优势在于它在语义上是正确的（它是链接标记，并且您正在创建链接），没有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">

（OR）

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

等标记

希望这会有所帮助......

Answer 5

...试

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

代替。

Answer 6

按钮元素的默认行为是提交。尝试取消添加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的使用方法，正确的做法是：

为您要访问的网址命名

url(r'^signup/$', your_view.SignUp.as_view(), name="signup"),
使用模板中href标记上的网址名称

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

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

7 个答案: