如何使用jQuery或仅使用Javascript将按钮重定向到另一个页面

我正在制作原型，我希望搜索按钮链接到示例搜索结果页面。

当使用jQuery或纯JS单击按钮时，如何使按钮重定向到另一个页面。

没有脚本：

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

在html中，您可以将data属性添加到按钮：

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

然后，您可以使用jQuery更改网址：

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

希望这可以帮助

使用简单的Javascript：

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

您可以使用：

  location.href = "newpage.html"

在按钮的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";

或者，您可以仅使搜索按钮所在的表格具有所需页面的操作。

您可以使用此简单的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>

根据YT 2012代码。

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

这是最快（最易读，最简单）的方法，Owens 可以工作，但不是合法的HTML，从技术上讲，此答案不是jQuery（但由于jQuery是预先准备好的伪代码-在客户端平台上重新解释为本地JavaScript-真的是在jQuery没有这样的事情反正）

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

在不带干扰的JavaScript（UJS）的带有CoffeeScript的Rails 3中：

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

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

内容为：触发document.ready事件后，将onclick事件添加到ID为的DOM对象中，field_name该对象将执行javascriptwindow.location.href='new_url';

这里有很多关于客户端重定向的问题，我不能大为夸张……这是一个例外。

重定向不应该来自客户端……它应该来自服务器。如果您无法控制服务器，则可以使用Javascript选择另一个URL，但是……这不是重定向。重定向通过在服务器上使用300个状态代码或通过在HTML中添加META标签来完成。

使用链接并将其样式设置为按钮：

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