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

Question

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

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

Answer 1

Без сценария:

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

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

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

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

Answer 2

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

location.href = "newpage.html" 

в OnClick событие кнопки.

Answer 3

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

Answer 4

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

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

Answer 5

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

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

Answer 6

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

window.location="/newpage.php"; 

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

Answer 7

С помощью простой Javascript:

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

Answer 8

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

Answer 9

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

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

Answer 10

Вы можете использовать этот простой JavaScript-код, чтобы кнопка поиска могла ссылаться на страницу результатов поиска. Здесь я перенаправлен на '/ search' моей домашней страницы. Если вы хотите найти поисковую систему Google, вы можете использовать "https://www.google.com/search" в форме action.

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

Answer 11

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

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

Answer 12

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

Надеется, что это помогает

Answer 13

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

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

Answer 14

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

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