Bir düğmeyi jQuery veya sadece Javascript kullanarak başka bir sayfaya yönlendirme

Bir prototip yapıyorum ve arama düğmesinin örnek bir arama sonuçları sayfasına bağlanmasını istiyorum.

Bir düğmeyi jQuery veya düz JS kullanarak tıklandığında başka bir sayfaya nasıl yönlendirebilirim?

Komut dosyası olmadan:

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

Daha da iyisi, sadece bir yere gittiğiniz için, kullanıcıya "bir yere gitmek" için standart arayüz sunun:

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

Bağlam, "Kullanıcının bir form gönderdiği normal bir aramayı simüle et" gibi görünse de, bu durumda ilk seçenek gidilecek yoldur.

Demek istediğin bu mu?

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

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

HTML'nizde, düğmenize veri özelliği ekleyebilirsiniz:

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

Ardından url'yi değiştirmek için jQuery'yi kullanabilirsiniz:

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

Bu yardımcı olur umarım

Basit Javascript ile:

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

Kullanabilirsiniz:

  location.href = "newpage.html"

düğmenin onclick olayında.

JavaScript'e gerek yok, sadece bir bağlantıya sarın

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

Bu çalışmalı ..

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

Window.location'ı kullanabilirsiniz

window.location="/newpage.php";

Ya da sadece arama düğmesinin bulunduğu formu istediğiniz sayfanın eylemini yapabilirsiniz.

Bu basit JavaScript kodunu, örnek bir arama sonuçları sayfasına bağlantı vermek için arama düğmesi yapmak için kullanabilirsiniz. Burada ana sayfamın '/ arama' bölümüne yönlendirildim , Google arama motorundan arama yapmak istiyorsanız , form eyleminde " https://www.google.com/search " kullanabilirsiniz .

<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>

YT 2012 kodundan.

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

bu, bunu yapmanın EN HIZLI (en okunabilir, en az karmaşık) yoludur, Owens işe yarıyor ancak yasal HTML değil, teknik olarak bu cevap jQuery değil (ancak jQuery önceden hazırlanmış bir sözde kod olduğundan - istemci platformunda yerel JavaScript olarak yeniden yorumlandı - gerçekten orada olduğunu jQuery diye bir şey) yine

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

Ve göze çarpmayan JavaScript (UJS) kullanan CoffeeScript ile Rails 3'te:

Ekle assets/javascripts/my_controller.js.coffee:

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

okunan: document.ready olayı tetiklendiğinde, onclickkimliği field_namejavascript'i çalıştıran bir DOM nesnesine bir olay ekleyinwindow.location.href='new_url';

Burada istemci tarafı yönlendirmeyle ilgili pek çok soru var ve bunların çoğunu söyleyemem… bu bir istisna.

Yeniden yönlendirmenin istemciden gelmemesi gerekiyor… sunucudan gelmesi gerekiyor. Sunucu üzerinde kontrolünüz yoksa, gitmek için başka bir URL seçmek için kesinlikle Javascript kullanabilirsiniz, ancak… bu yeniden yönlendirme değildir. Yeniden yönlendirme, sunucuda 300 durum koduyla veya META etiketini HTML'de çevirerek yapılır.

Bir bağlantı kullanın ve bir düğme gibi biçimlendirin:

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