Como hacer un botón de redirigir a otra página con jQuery o simplemente Javascript

Question

Estoy haciendo un prototipo y quiero que el botón de búsqueda para enlazar a una página de resultados de búsqueda de ejemplo.

¿Cómo hago un botón redirigir a otra página cuando se hace clic con jQuery.

Answer 1

Sin script:

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

Mejor aún, ya que sólo se va a alguna parte, presentar al usuario con la interfaz estándar para "simplemente ir a un lugar":

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

A pesar de que el contexto suena como "Simular una búsqueda normal en el que el usuario envía un formulario", en cuyo caso la primera opción es el camino a seguir.

Answer 2

Es esto lo que quiere decir?

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

Answer 3

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

Answer 4

Con Javascript sencilla:

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

Answer 5

en el código HTML, puede agregar los datos atribuyen a su botón:

<button type="submit" class="mybtn" data-target="/search.html">Search</button>

A continuación, puede utilizar jQuery para cambiar la url:

$('.mybtn').on('click', function(event) {
    event.preventDefault(); 
    var url = $(this).data('target');
    location.replace(url);
});

Espero que esto ayude

Answer 6

Puede utilizar:

  location.href = "newpage.html"

en el evento onclick del botón.

Answer 7

Esto debería funcionar ..

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

Answer 8

No hay necesidad de javascript, simplemente se envuelve en un enlace

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

Answer 9

Puede utilizar window.location

window.location="/newpage.php";

O puede simplemente hacer la forma que el botón de búsqueda está en tener una acción de la página que desea.

Answer 10

Puede utilizar este simple código JavaScript para hacer botón de búsqueda para enlazar a una página de resultados de búsqueda de ejemplo. Aquí he redirigido a '/ búsqueda' de mi página de inicio, si desea buscar del motor de búsqueda de Google, puede utilizar " https://www.google.com/search " en la acción del formulario.

<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

Y en Rails 3 con CoffeeScript usando Javascript no intrusivo (EPU):

Añadir a assets/javascripts/my_controller.js.coffee:

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

que dice: cuando el evento document.ready ha disparado, añadir un evento onclick a un objeto DOM cuyo ID es field_name que ejecuta la window.location.href='new_url'; javascript

Answer 12

Hay muchas preguntas aquí acerca de redirección del lado del cliente, y no pueden sostener abiertamente en la mayoría de ellos ... ésta es una excepción.

No se supone que la redirección a provenir del cliente ... se supone que vienen desde el servidor. Si no tiene ningún control sobre el servidor, que sin duda puede utilizar Javascript para elegir otra URL para ir, pero ... eso no es la redirección. Redirección se hace con 300 códigos de estado en el servidor, o surcando la etiqueta META en HTML.

Answer 13

esta es la manera de hacerlo, Owens funciona pero no es HTML legal, técnicamente esta respuesta no es jQuery (pero desde jQuery es un pseudocódigo pre-preparado - reinterpretados en la plataforma de cliente como nativo JavaScript - realmente es hay tal cosa como jQuery todos modos)

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

Answer 14

Utilice un enlace y el estilo como un botón:

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

Answer 15

A partir de 2012 YT código.

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