Як зробити переадресацію кнопки на іншу сторінку за допомогою jQuery або просто Javascript

Я виготовляю прототип і хочу, щоб кнопка пошуку посилалася на зразок сторінки результатів пошуку.

Як зробити переадресацію кнопки на іншу сторінку при натисканні на неї за допомогою jQuery або звичайного JS.

Без сценарію:

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

А ще краще, оскільки ви просто кудись їдете, подайте користувачеві стандартний інтерфейс для "просто кудись":

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

Хоча, контекст звучить як "Імітувати звичайний пошук, коли користувач подає форму", і в цьому випадку перший варіант - це шлях.

це ти що маєш на увазі?

$('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 ви можете додати атрибут даних до вашої кнопки:

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

Тоді ви можете використовувати jQuery для зміни URL-адреси:

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

Сподіваюся, це допомагає

За допомогою простого Javascript:

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

Ви можете використовувати:

  location.href = "newpage.html"

у події onclick кнопки.

Не потрібно JavaScript, просто загорніть його у посилання

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

Це має працювати.

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

Ви можете використовувати window.location

window.location="/newpage.php";

Або ви можете просто зробити форму, в якій знаходиться кнопка пошуку, мати потрібну сторінку.

Ви можете використовувати цей простий код JavaScript для створення кнопки пошуку для посилання на зразок сторінки результатів пошуку. Тут я переспрямований на "/ пошук" моєї домашньої сторінки. Якщо ви хочете шукати з пошукової системи Google, ви можете використовувати " https://www.google.com/search " у формі дії.

<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 року

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

це найшвидший (найчитабельніший, найменш складний) спосіб це зробити, Owens працює, але це не законний HTML, технічно ця відповідь не jQuery (але оскільки jQuery - це попередньо підготовлений псевдокод - переосмислений на клієнтській платформі як рідний JavaScript - насправді не існує такого поняття, як jQuery)

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

А в Rails 3 з CoffeeScript з використанням ненав'язливого JavaScript (UJS):

Додати до assets/javascripts/my_controller.js.coffee:

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

який читає: коли подія document.ready запустилася, додайте onclickподію до об'єкта DOM, ідентифікатор field_nameякого виконується javascriptwindow.location.href='new_url';

Тут виникає багато питань щодо переадресації клієнта, і я не можу виплеснути їх на більшість із них ... це виняток.

Перенаправлення не повинно надходити від клієнта ... воно повинно надходити з сервера. Якщо у вас немає контролю над сервером, ви, звичайно, можете використовувати Javascript для вибору іншої URL-адреси, до якої слід перейти, але ... це не перенаправлення. Перенаправлення здійснюється з 300 кодів статусу на сервері або шляхом складання тегу META в HTML.

Використовуйте посилання та стилюйте його як кнопку:

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