如何使一个buttonredirect到另一个页面使用jQuery或只是Javascript

我正在制作一个原型，我希望searchbutton链接到示例search结果页面。

如何使用jQuery单击button时redirect到另一个页面。

没有脚本： 

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

更好的是，因为你只是在某个地方，所以向用户提供标准的界面“只要去某个地方”： 

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

尽pipe上下文听起来像是“在用户提交表单的时候模拟正常的search”，在这种情况下，第一个选项就是要走的路。

你是这个意思吗？ 

 $('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中，你可以添加数据属性到你的button： 

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

在button的onclick事件。

没有必要的JavaScript，只是包装在一个链接 

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

这应该工作.. 

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

你可以使用window.location 

 window.location="/newpage.php";

或者，您可以使searchbutton所在的表单具有您想要的页面的动作。

您可以使用这个简单的JavaScript代码来使searchbutton链接到示例search结果页面。 在这里，我已经redirect到“/ search”我的主页，如果您想从Googlesearch引擎search，您可以在表单操作中使用“ 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>

在使用不显眼的JavaScript（UJS）的CoffeeScript的Rails 3中：

添加到assets/javascripts/my_controller.js.coffee ： 

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

它的内容如下：当document.ready事件触发时，向ID为field_name的DOM对象添加一个onclick事件，该对象执行javascript window.location.href='new_url';

这里有很多关于客户端redirect的问题，我不能在其中的大多数问题上吐槽……这是一个例外。

redirect不应该来自客户端…它应该来自服务器。 如果你没有控制服务器，你当然可以使用Javascript来select另一个URL去，但是…这不是redirect。 redirect是在服务器上使用300个状态码完成的，或者通过在HTML中使用META标签。

使用链接和样式它像一个button： 

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

这是做到这一点，欧文斯工作，但它不是合法的HTML，技术上这个答案不是jQuery（但由于jQuery是一个预先准备好的伪代码 – 在客户端平台上重新解释为本地JavaScript – 实际上没有像jQuery无论如何） 

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