Jak sprawić, by przycisk przekierowywał na inną stronę za pomocą jQuery lub po prostu Javascript

Tworzę prototyp i chcę, aby przycisk wyszukiwania łączył się z przykładową stroną wyników wyszukiwania.

Jak ustawić przycisk przekierowujący do innej strony, gdy zostanie kliknięty za pomocą jQuery lub zwykłego JS.

Bez skryptu:

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

Jeszcze lepiej, ponieważ po prostu gdzieś się wybierasz, przedstaw użytkownikowi standardowy interfejs „po prostu gdzieś się wybieram”:

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

Chociaż kontekst brzmi jak „Symuluj normalne wyszukiwanie, w którym użytkownik przesyła formularz”, w takim przypadku najlepszym rozwiązaniem jest pierwsza opcja.

czy to masz na myśli?

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

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

W swoim html możesz dodać atrybut danych do swojego przycisku:

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

Następnie możesz użyć jQuery do zmiany adresu URL:

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

Mam nadzieję że to pomoże

Z prostym JavaScriptem:

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

Możesz użyć:

  location.href = "newpage.html"

w zdarzeniu onclick przycisku.

Nie potrzebujesz javascript, po prostu zawiń go w link

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

To powinno działać ..

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

Możesz użyć window.location

window.location="/newpage.php";

Lub możesz po prostu nadać formularzowi, w którym znajduje się przycisk wyszukiwania, akcję żądanej strony.

Możesz użyć tego prostego kodu JavaScript, aby utworzyć przycisk wyszukiwania jako łącze do przykładowej strony wyników wyszukiwania. Tutaj przekierowałem do '/ search' mojej strony głównej. Jeśli chcesz wyszukiwać w wyszukiwarce Google, możesz użyć „ https://www.google.com/search ” w akcji formularza.

<form action="/search"> Enter your search text: 
<input type="text" id="searchtext" name="q"> &nbsp;
<input onclick="myFunction()" type="submit" value="Search It" />
</form> 
<script> function myFunction() 
{ 
var search = document.getElementById("searchtext").value; 
window.location = '/search?q='+search; 
} 
</script>

Z kodu YT 2012.

<button href="https://stackoverflow.com/signin" onclick=";window.location.href=this.getAttribute('href');return false;">Sign In</button>

jest to NAJSZYBSZY (najbardziej czytelny, najmniej skomplikowany) sposób na zrobienie tego, Owens działa, ale nie jest to legalny HTML, technicznie rzecz biorąc, ta odpowiedź nie jest jQuery (ale ponieważ jQuery to wstępnie przygotowany pseudokod - reinterpretowany na platformie klienta jako natywny JavaScript - tam naprawdę jest coś takiego jak jQuery tak)

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

A w Railsach 3 z CoffeeScriptem używającym dyskretnego JavaScript (UJS):

Dodaj do assets/javascripts/my_controller.js.coffee:

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

który czyta: kiedy zdarzenie document.ready zostało wywołane, dodaj onclickzdarzenie do obiektu DOM, którego ID to field_namewykonujący javascriptwindow.location.href='new_url';

Jest tu wiele pytań dotyczących przekierowania po stronie klienta i nie mogę odpowiedzieć na większość z nich… ten jest wyjątkiem.

Przekierowanie nie powinno pochodzić od klienta… powinno pochodzić z serwera. Jeśli nie masz kontroli nad serwerem, z pewnością możesz użyć JavaScript, aby wybrać inny adres URL, do którego chcesz się udać, ale… to nie jest przekierowanie. Przekierowanie odbywa się za pomocą 300 kodów stanu na serwerze lub przez użycie znacznika META w HTML.

Użyj linku i nadaj mu styl jak przycisk:

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