Как сделать перенаправление кнопки на другую страницу с помощью jQuery или просто Javascript

Я делаю прототип, и я хочу, чтобы кнопка поиска ссылалась на страницу результатов поиска.

Как сделать кнопку перенаправить на другую страницу при нажатии с помощью jQuery.

83
buttonclick javascript jquery redirect

14 ответов

без скрипта:

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

еще лучше, так как вы просто идете куда-то, представьте пользователю стандартный интерфейс для "просто иду куда-то":

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

хотя контекст звучит как "имитировать обычный поиск, где пользователь отправляет форму", и в этом случае первый вариант-это путь.

57

это то, что вы имеете в виду?

$('button selector').click(function(){
   window.location.href='the_link_to_go_to.html';
})
174
$('#someButton').click(function() {
    window.location.href = '/some/new/page';
    return false;
});
63

С простым Javascript:

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

в вашем 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);
});

надеюсь, что это помогает

15

вы можете использовать:

  location.href = "newpage.html"

в событии onclick кнопки.

9

Это должно работать ..

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

нет необходимости в javascript, просто оберните его в ссылку

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

вы можете использовать окно.местоположение 

window.location="/newpage.php";

или вы можете просто сделать форму, в которой кнопка поиска имеет действие страницы, которую вы хотите.

6

вы можете использовать этот простой код 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>
2

и в Rails 3 с CoffeeScript с использованием ненавязчивого JavaScript (UJS):

добавить assets/javascripts/my_controller.js.coffee:

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

, который гласит: если документ.готовое событие сработало, добавьте onclick событие для объекта DOM с идентификатором field_name который выполняет javascript window.location.href='new_url';

0

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

перенаправление не должно исходить от клиента...оно должно исходить от сервера. Если у вас нет контроля над сервером, вы можете использовать Javascript для выбора другого URL-адреса, но ... это не перенаправление. Перенаправление выполняется с 300 кодами состояния на сервере или путем использования мета-тега в HTML.

0

вот как это делается, Оуэнс работает но это не законный HTML, технически этот ответ не jQuery (но так как jQuery является предварительно подготовленным псевдокодом-переинтерпретированным на клиентской платформе как родной JavaScript - там действительно и нет такой вещи, как jQuery в любом случае)

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

используйте ссылку и стиль ее как кнопку:

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