pagina - redireccionar javascript onclick

Cómo hacer que un botón redirija a otra página usando jQuery o simplemente Javascript

Question

Estoy haciendo un prototipo y quiero que el botón de búsqueda se vincule a una página de resultados de búsqueda de muestra.

¿Cómo puedo hacer que un botón redirija a otra página cuando se hace clic con jQuery?

Answer 1

¿Es esto lo que quieres decir?

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

Answer 2

Aquí hay muchas preguntas sobre la redirección del lado del cliente, y no puedo hablar sobre la mayoría de ellas ... esta es una excepción.

Se supone que la redirección no proviene del cliente ... se supone que proviene del servidor. Si no tiene control sobre el servidor, ciertamente puede usar Javascript para elegir otra URL a la que ir, pero ... eso no es una redirección. La redirección se realiza con 300 códigos de estado en el servidor o utilizando la etiqueta META en HTML.

Answer 3

Con Javascript simple:

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

Answer 4

En su html, puede agregar atributos de datos a su botón:

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

Luego puede usar 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 5

Esto debería funcionar ..

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

Answer 6

No es necesario javascript, simplemente envuélvelo en un enlace

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

Answer 7

Puede usar este código JavaScript simple para hacer que el botón de búsqueda se vincule a una página de resultados de búsqueda de muestra. Aquí he redirigido a ''/ búsqueda'' de mi página de inicio. Si desea buscar desde el motor de búsqueda de Google, puede usar " https://www.google.com/search " en la acción de 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 8

Puedes usar window.location

window.location="/newpage.php";

O simplemente puede hacer que el formulario en el que se encuentra el botón de búsqueda tenga una acción de la página que desea.

Answer 9

Puedes usar:

  location.href = "newpage.html"

en el evento onclick del botón.

Answer 10

Sin script

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

Mejor aún, ya que solo vas a algún lado, presenta al usuario la interfaz estándar para "ir a algún lado":

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

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

Answer 11

Utiliza un enlace y pégalo como un botón:

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

Answer 12

Y en Rails 3 con CoffeeScript usando JavaScript discreto (UJS):

Agregar a assets/javascripts/my_controller.js.coffee :

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

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

Answer 13

esta es la manera de hacerlo, Owens funciona, pero no es HTML legal, técnicamente esta respuesta no es jQuery (pero como jQuery es un pseudocódigo preparado previamente, reinterpretado en la plataforma del cliente como JavaScript nativo, realmente no existe nada como jQuery de todas formas)

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

Answer 14

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