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

StackOverflow https://stackoverflow.com/questions/2238368

Вопрос

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

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

Это было полезно?

Решение

Без скрипта:

<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;
});

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

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

В вашем html-файле вы можете добавить атрибут data к вашей кнопке:

<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);
});

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

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

  location.href = "newpage.html"

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

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

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

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

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

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

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>

И в 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';

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

Перенаправление не должно поступать с client...it должно поступать с сервера.Если у вас нет контроля над сервером, вы, конечно, можете использовать Javascript, чтобы выбрать другой URL для перехода, но…это не перенаправление.Перенаправление выполняется с помощью 300 кодов состояния на сервере или путем использования МЕТА-тега в HTML.

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

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

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

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

Из кода с НАЧАЛА 2012 года.

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

Лицензировано под: CC-BY-SA с атрибуция
Не связан с StackOverflow
scroll top