如何在我的網站中將此按鈕重定向到網站上的另一個頁面？

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>