2013-05-15 5 views
66

Ich habe versucht, die folgenden:Wie kann ich mit einem Button meine Seite auf eine andere Seite umleiten?

<form action="/home" class="inline"> 
    <button class="float-left submit-button" >Home</button> 
</form> 

Es scheint es zu funktionieren, sondern geht auf die Seite „/ home?“

Gibt es einen besseren Weg für mich, eine Schaltfläche in einem Formular zu machen, um die Seite an einen neuen Ort zu verschieben?

Antwort

206

einfach ein onclick Ereignis zum button hinzufügen:

<button onclick="location.href = 'www.yoursite.com';" id="myButton" class="float-left submit-button" >Home</button> 

Aber man sollte es nicht wirklich hat inline so, sondern stecke es in einem JS Block und gibt die button eine ID:

<button id="myButton" class="float-left submit-button" >Home</button> 

<script type="text/javascript"> 
    document.getElementById("myButton").onclick = function() { 
     location.href = "www.yoursite.com"; 
    }; 
</script> 
+0

JoshYates1980

+0

Muss ich in diesem HTML ein Formular-Tag haben, das die Methode beschreibt und die Aktion einreicht? – Himansz

+1

@Himansz Nicht, wenn Sie das Formular nicht absenden. Wenn es eine einfache Umleitung ist, dann brauchen Sie kein Formular. – mattytommo

0

Sie tun können, so:

<button onclick="location.href='page'"> 

Sie könnte das ändern action-Attribut des Formulars auf Klick auf die Schaltfläche:

<button class="float-left submit-button" onclick='myFun()'>Home</button> 

<script> 
myFun(){ 
$('form').attr('action','new path'); 
} 
</script> 
23

versuchen

<button onclick="window.location.href='b.php'">Click me</button> 
+0

Boostrap Senden und Abbrechen-Tasten - Tun Sie dies; MarcoZen

7

Nur eine weitere Variation:

<body> 
    <button name="redirect" onClick="redirect()"> 

    <script type="text/javascript"> 
    function redirect() 
    { 
    var url = "http://www.(url).com"; 
    window.location(url); 
    } 
    </script> 
+2

window.location ist keine Funktion! Verwenden Sie dies: setTimeout ('window.location.href = "url"', 0); oder JQuery: $ (Ort) .attr ('href', url); – GeneralKimi

+1

Dies funktioniert nicht, stattdessen verwenden Sie window.location.href = "http ..."; –

4

Dies ist hier:

<button onClick="window.location='page_name.php';" value="click here" /> 
+0

Hoffe, du wirst das nützlich finden. Bitte versuchen Sie dies: ' ' – McElie

Verwandte Themen