Wie man eine Schaltfläche zu einer anderen Seite mit jQuery oder nur Javascript umleiten

Question

Ich mache einen Prototyp und ich möchte die Such-Taste auf eine Beispiel-Suchergebnisseite verlinken.

Wie mache ich eine Schaltfläche umleiten zu einer anderen Seite, wenn es mit jQuery geklickt wird.

Answer 1

Ohne Skript:

<form action="where-you-want-to-go"><input type="submit"></form> 

Noch besser wäre es, da man nur irgendwo gehen, den Benutzer mit der Standardschnittstelle präsentiert für "nur irgendwo hin":

<a href="where-you-want-to-go">ta da</a> 

Obwohl der Kontext klingt wie "Simulieren Sie eine normale Suche, wo die uns Er reicht ein Formular ein ", in diesem Fall ist die erste Option der Weg zu gehen.

Answer 2

können Sie verwenden:

location.href = "newpage.html" 

in das OnClick-Ereignis der Schaltfläche.

Answer 3

$('#someButton').click(function() { 
    window.location.href = '/some/new/page'; 
    return false; 
}); 

Answer 4

Dies sollte funktionieren ..

$('#buttonID').click(function(){ window.location = 'new url'}); 

Answer 5

ist es das, was Sie meinen?

$('button selector').click(function(){ 
    window.location.href='the_link_to_go_to.html'; 
}) 

Answer 6

können Sie verwenden window.location

window.location="/newpage.php"; 

Oder Sie können einfach das Formular, dass die Suchtaste in haben, ist eine Aktion der Seite, die Sie wollen.

Answer 7

Mit einfacher Javascript:

<input type="button" onclick="window.location = 'path-here';"> 

Answer 8

Und in Rails 3 mit Coffee mit unaufdringlichen JavaScript (UJS):

In den assets/javascripts/my_controller.js.coffee:

$ -> 
    $('#field_name').click -> 
    window.location.href = 'new_url' 

der wie folgt lautet: wenn der document.ready Ereignis ausgelöst hat, fügen Sie ein onclick Ereignis ein DOM-Objekt, dessen ID field_name, die die JavaScript-window.location.href='new_url';

Answer 9

Keine Notwendigkeit für Javascript ausgeführt wird, wickeln sie es nur in einem Link

<a href="http://www.google.com"><button type="button">button</button></a> 

Answer 10

Sie können diesen einfachen JavaScript-Code verwenden, um die Suchschaltfläche zum Verknüpfen mit einer Beispiel-Suchergebnisseite zu verwenden. Hier habe ich zu ‚/ search‘ meiner Homepage umgeleitet, wenn Sie von Google-Suchmaschine suchen möchten, können Sie verwenden „https://www.google.com/search“ in Form Aktion.

Answer 11

Es gibt eine Menge Fragen hier über clientseitige Umleitung, und ich kann auf den meisten von ihnen nicht auslaufen ... dieser ist eine Ausnahme.

Umleitung soll nicht vom Client kommen ... es soll vom Server kommen. Wenn Sie keine Kontrolle über den Server haben, können Sie sicherlich Javascript verwenden, um eine andere URL zu wählen, zu der Sie gehen können, aber ... das ist keine Umleitung. Die Umleitung erfolgt mit 300 Statuscodes auf dem Server oder durch das Eingeben des META-Tags in HTML.

Answer 12

in Ihrem HTML, können Sie Daten-Attribut auf Ihre Schaltfläche hinzu:

<button type="submit" class="mybtn" data-target="/search.html">Search</button> 

Dann können Sie jQuery verwenden, um die URL zu ändern:

$('.mybtn').on('click', function(event) { 
    event.preventDefault(); 
    var url = $(this).data('target'); 
    location.replace(url); 
}); 

this helps

Answer 13

dies der Weg, es zu tun, Owens funktioniert aber es ist nicht legal HTML, technisch ist diese Antwort nicht jQuery (aber da jQuery ist ein vorbereiteter Pseudocode - neu interpretiert auf die Client-Plattform als nativer JavaScript - es wirklich ist nicht so etwas wie jQuery sowieso)

<button onclick="window.location.href='http://www.google.com';">Google</button> 

Answer 14

einen Link und Stil wie ein Knopf Verwendung:

<a href="#page2" class="ui-btn ui-shadow ui-corner-all">Click this button</a>