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

Ответ 1

Без script:

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

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

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

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

Ответ 2

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

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

Ответ 3

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

Ответ 4

С простым Javascript:

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

Ответ 5

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

Надеюсь, что это поможет

Ответ 6

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

  location.href = "newpage.html"

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

Ответ 7

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

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

Ответ 8

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

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

Ответ 9

Вы можете использовать window.location

window.location="/newpage.php";

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

Ответ 10

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

Ответ 11

И в 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, который выполняет javascript window.location.href='new_url';

Ответ 12

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

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

Ответ 13

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

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

Ответ 14

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

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