Как сделать перенаправление кнопки на другую страницу с помощью 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, чтобы сделать кнопку поиска ссылкой на образец страницы результатов поиска. Здесь я перенаправлен на «/ search» моей домашней страницы. Если вы хотите выполнять поиск из поисковой системы 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>

это САМЫЙ БЫСТРЫЙ (самый читаемый, наименее сложный) способ сделать это, Оуэнс работает, но это не законный 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>