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

Question

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

当使用jQuery单击按钮时,如何将按钮重定向到另一个页面.

Answer 1

你是这个意思吗？

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

Answer 2

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

为什么要归还假？ (5认同)
如果没有 `return false`，点击“Enter 或 Return 键”可能只会将您带到当前 url，而不是重定向到新链接。特别有用的是，当您有一个文本输入控件时，您想在按回车/返回键时将其发布到不同的 url。 (2认同)
这不是一个很好的解释。返回值指示是否继续处理事件。默认情况下，该事件将继续冒泡，并可能触发其他操作，例如提交表单、转到链接或什么都不做。但是，您真的想在这里“吸收”事件。通过返回false，事件处理将在这里结束。 (2认同)

Answer 3

没有脚本:

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

更好的是,因为你只是去某个地方,向用户展示"只是去某个地方"的标准界面:

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

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

Answer 4

在您的html中,您可以向按钮添加数据属性:

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

希望这可以帮助

Answer 5

使用简单的Javascript:

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

Answer 6

您可以使用:

  location.href = "newpage.html"

在按钮的onclick事件中.

Answer 7

不需要javascript,只需将其包装在链接中即可

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

Answer 8

这应该工作..

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

Answer 9

您可以使用window.location

window.location="/newpage.php";

或者,您只需使搜索按钮所在的表单具有所需页面的操作即可.

Answer 10

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

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