109

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

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

4

15 回答 15

214

你是这个意思吗？

$('button selector').click(function(){
   window.location.href='the_link_to_go_to.html';
})
于 2010-02-10T16:21:11.123 回答
83 
$('#someButton').click(function() {
    window.location.href = '/some/new/page';
    return false;
});
于 2010-02-10T16:20:37.957 回答
65

没有脚本：

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

更好的是，因为您只是要去某个地方，所以向用户展示“只是去某个地方”的标准界面：

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

虽然，上下文听起来像“模拟用户提交表单的正常搜索”，在这种情况下，第一个选项是要走的路。

于 2010-02-10T16:25:08.097 回答
27

在您的 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);
});

希望这可以帮助

于 2014-09-25T10:14:06.403 回答
21

使用简单的 Javascript：

<input type="button" onclick="window.location = 'path-here';">
于 2010-02-10T16:22:56.533 回答
11

您可以使用：

  location.href = "newpage.html"

在按钮的 onclick 事件中。

于 2010-02-10T16:20:25.180 回答
11

不需要javascript，只需将其包装在链接中

<a href="http://www.google.com"><button type="button">button</button></a>
于 2013-05-30T09:50:40.443 回答
9

这应该工作..

$('#buttonID').click(function(){ window.location = 'new url'});
于 2010-02-10T16:20:54.350 回答
7

您可以使用 window.location

window.location="/newpage.php";

或者您可以使搜索按钮所在的表单具有您想要的页面的操作。

于 2010-02-10T16:21:28.833 回答
6

这是最快（最易读，最简单）的方法，Owens可以工作，但它不是合法的 HTML，从技术上讲，这个答案不是 jQuery（但由于 jQuery 是预先准备好的伪代码 - 在客户端平台上重新解释为原生 JavaScript -无论如何，真的没有jQuery这样的东西）

 <button onclick="window.location.href='http://www.google.com';">Google</button>
于 2017-06-10T09:54:18.003 回答
4

您可以使用这个简单的 JavaScript 代码制作搜索按钮以链接到示例搜索结果页面。这里我已经重定向到我主页的“/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>
于 2014-02-16T05:56:01.973 回答
2

来自 YT 2012 代码。

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

于 2018-10-19T01:01:55.273 回答
0

在带有 CoffeeScript 的 Rails 3 中，使用不显眼的 JavaScript (UJS)：

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

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

内容为：当 document.ready 事件触发时，将事件添加到 ID 为执行 javascriptonclick的 DOM 对象field_namewindow.location.href='new_url';

于 2012-07-26T15:39:17.320 回答
0

这里有很多关于客户端重定向的问题，我不能对它们中的大多数问题吐槽……这个是个例外。

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

于 2014-05-12T18:49:53.277 回答
0

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

<a href="#page2" class="ui-btn ui-shadow ui-corner-all">Click this button</a>
于 2017-11-07T19:48:13.393 回答