Cara membuat tombol redirect ke halaman lain menggunakan jQuery atau hanya Javascript

Saya membuat prototipe dan saya ingin tombol telusur ditautkan ke halaman hasil penelusuran contoh.

Bagaimana cara membuat tombol mengarahkan ke halaman lain ketika diklik menggunakan jQuery atau JS biasa.

Tanpa skrip:

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

Lebih baik lagi, karena Anda baru saja pergi ke suatu tempat, berikan pengguna antarmuka standar untuk "pergi ke suatu tempat":

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

Meskipun, konteksnya terdengar seperti "Simulasikan penelusuran normal di mana pengguna mengirimkan formulir", dalam hal ini opsi pertama adalah cara yang harus dilakukan.

apakah ini yang kamu maksud

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

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

Di html Anda, Anda dapat menambahkan atribut data ke tombol Anda:

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

Kemudian Anda dapat menggunakan jQuery untuk mengubah url:

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

Semoga ini membantu

Dengan Javascript sederhana:

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

Kamu bisa memakai:

  location.href = "newpage.html"

di acara onclick tombol.

Tidak perlu javascript, cukup bungkus dengan link

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

Ini harus bekerja ..

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

Anda dapat menggunakan window.location

window.location="/newpage.php";

Atau Anda bisa membuat formulir yang tombol pencariannya memiliki aksi halaman yang Anda inginkan.

Anda dapat menggunakan kode JavaScript sederhana ini untuk membuat tombol pencarian untuk ditautkan ke halaman hasil pencarian contoh. Di sini saya telah dialihkan ke '/ search' dari beranda saya, Jika Anda ingin mencari dari mesin pencari Google, Anda dapat menggunakan " https://www.google.com/search " dalam bentuk tindakan.

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

Dari kode YT 2012.

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

ini adalah cara TERCEPAT (paling mudah dibaca, paling tidak rumit) untuk melakukannya, Owens berfungsi tetapi ini bukan HTML legal, secara teknis jawaban ini bukan jQuery (tetapi karena jQuery adalah pseudocode yang telah disiapkan sebelumnya - ditafsirkan ulang pada platform klien sebagai JavaScript asli - benar-benar adalah ada hal seperti jQuery pula)

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

Dan di Rails 3 dengan CoffeeScript menggunakan JavaScript yang tidak mengganggu (UJS):

Tambahkan ke assets/javascripts/my_controller.js.coffee:

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

yang berbunyi: ketika peristiwa document.ready telah diaktifkan, tambahkan onclickperistiwa ke objek DOM yang ID-nya field_namemengeksekusi javascriptwindow.location.href='new_url';

Ada banyak pertanyaan di sini tentang pengalihan sisi klien, dan saya tidak dapat mengungkapkan sebagian besar dari mereka… yang satu ini adalah pengecualian.

Pengalihan tidak seharusnya datang dari klien… itu seharusnya datang dari server. Jika Anda tidak memiliki kendali atas server, Anda pasti dapat menggunakan Javascript untuk memilih URL lain untuk dituju, tetapi… itu bukan pengalihan. Pengalihan dilakukan dengan 300 kode status di server, atau dengan menggunakan tag META dalam HTML.

Gunakan tautan dan beri gaya seperti tombol:

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