blocks|key|1117456|text|不使用脚本：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1117457|<form+action="where-you-want-to-go"><input+type="submit"></form>|code-block|syntax|javascript|1117458|更好的是，既然你只是要去某个地方，那就为用户提供“只去某处”的标准界面：|1117459|<a+href="where-you-want-to-go">ta+da</a>|1117460|虽然，上下文听起来像是“模拟用户提交表单的普通搜索”，但在这种情况下，第一个选项是可行的。|1117461|entityMap^0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|O|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|P|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|Q|8|@]|9|@]|A|$]]|$1|I|3|J|5|D|7|R|8|@]|9|@]|A|$E|F]]|$1|K|3|L|5|6|7|S|8|@]|9|@]|A|$]]|$1|M|3|-4|5|6|7|T|8|@]|9|@]|A|$]]]|N|$]]

<p>Without script:</p>

<pre><code>&lt;form action="where-you-want-to-go"&gt;&lt;input type="submit"&gt;&lt;/form&gt;
</code></pre>

<p>Better yet, since you are just going somewhere, present the user with the standard interface for "just going somewhere":</p>

<pre><code>&lt;a href="where-you-want-to-go"&gt;ta da&lt;/a&gt;
</code></pre>

<p>Although, the context sounds like "Simulate a normal search where the user submits a form", in which case the first option is the way to go.</p>


blocks|key|1117288|text|这就是你的意思吗？|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1117289|$('button+selector').click(function(){
+++window.location.href='the_link_to_go_to.html';
})|code-block|syntax|javascript|1117290|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

<p>is this what you mean?</p>

<pre><code>$('button selector').click(function(){
   window.location.href='the_link_to_go_to.html';
})
</code></pre>


blocks|key|1332271|text|$('#someButton').click(function()+{
++++window.location.href+=+'/some/new/page';
++++return+false;
});|type|code-block|depth|inlineStyleRanges|entityRanges|data|syntax|javascript|1332272|unstyled|entityMap^0|0^^$0|@$1|2|3|4|5|6|7|G|8|@]|9|@]|A|$B|C]]|$1|D|3|-4|5|E|7|H|8|@]|9|@]|A|$]]]|F|$]]

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


blocks|key|1332776|text|在html中，您可以向按钮添加数据属性：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1332777|<button+type="submit"+class="mybtn"+data-target="/search.html">Search</button>|code-block|syntax|javascript|1332778|然后，您可以使用jQuery更改url：|1332779|$('.mybtn').on('click',+function(event)+{
++++event.preventDefault();+
++++var+url+=+$(this).data('target');
++++location.replace(url);
});|1332780|希望这能有所帮助|1332781|entityMap^0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|O|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|P|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|Q|8|@]|9|@]|A|$]]|$1|I|3|J|5|D|7|R|8|@]|9|@]|A|$E|F]]|$1|K|3|L|5|6|7|S|8|@]|9|@]|A|$]]|$1|M|3|-4|5|6|7|T|8|@]|9|@]|A|$]]]|N|$]]

<p>In your html, you can add data attribute to your button:</p>

<pre><code>&lt;button type="submit" class="mybtn" data-target="/search.html"&gt;Search&lt;/button&gt;
</code></pre>

<p>Then you can use jQuery to change the url:</p>

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

<p>Hope this helps</p>


blocks|key|1117408|text|使用简单的Javascript：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1117409|<input+type="button"+onclick="window.location+=+'path-here';">|code-block|syntax|javascript|1117410|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

<p>With simple Javascript:</p>

<pre><code>&lt;input type="button" onclick="window.location = 'path-here';"&gt;
</code></pre>


blocks|key|1117243|text|您可以使用：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1117244|++location.href+=+"newpage.html"|code-block|syntax|javascript|1117245|在按钮的onclick事件中。|1117246|entityMap^0|0|0|0^^$0|@$1|2|3|4|5|6|7|K|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|L|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|M|8|@]|9|@]|A|$]]|$1|I|3|-4|5|6|7|N|8|@]|9|@]|A|$]]]|J|$]]

<p>You can use:</p>

<pre><code>  location.href = "newpage.html"
</code></pre>

<p>in the button's onclick event.</p>


blocks|key|1332624|text|不需要javascript，只需将其封装在一个链接中即可。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1332625|<a+href="http://www.google.com"><button+type="button">button</button></a>|code-block|syntax|javascript|1332626|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

<p>No need for javascript, just wrap it in a link</p>

<pre><code>&lt;a href="http://www.google.com"&gt;&lt;button type="button"&gt;button&lt;/button&gt;&lt;/a&gt;
</code></pre>


blocks|key|1332306|text|这应该行得通..|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1332307|$('#buttonID').click(function(){+window.location+=+'new+url'});|code-block|syntax|javascript|1332308|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

<p>This should work ..</p>

<pre><code>$('#buttonID').click(function(){ window.location = 'new url'});
</code></pre>


blocks|key|1117358|text|您可以使用window.location|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1117359|window.location="/newpage.php";|code-block|syntax|javascript|1117360|或者，您可以使搜索按钮所在的表单具有所需页面的操作。|1117361|entityMap^0|0|0|0^^$0|@$1|2|3|4|5|6|7|K|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|L|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|M|8|@]|9|@]|A|$]]|$1|I|3|-4|5|6|7|N|8|@]|9|@]|A|$]]]|J|$]]

<p>You can use window.location </p>

<pre><code>window.location="/newpage.php";
</code></pre>

<p>Or you can just make the form that the search button is in have a action of the page you want.</p>


blocks|key|1117774|text|来自YT+2012代码。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1117775|<button+href="/signin"+onclick=";window.location.href=this.getAttribute('href');return+false;">Sign+In</button>|offset|length|style|CODE|1117776|entityMap^0|0|0|33|0^^$0|@$1|2|3|4|5|6|7|J|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|K|8|@$D|L|E|M|F|G]]|9|@]|A|$]]|$1|H|3|-4|5|6|7|N|8|@]|9|@]|A|$]]]|I|$]]

<p>From YT 2012 code.</p>

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


blocks|key|1332571|text|在带CoffeeScript的Rails+3中，使用了不显眼的JavaScript+(UJS)：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1332572|添加到assets/javascripts/my_controller.js.coffee|offset|length|style|CODE|1332573|$+->
++$('#field_name').click+->
++++window.location.href+=+'new_url'|code-block|syntax|javascript|1332574|它是这样的:当document.ready事件被激发时，将onclick事件添加到ID为field_name的DOM对象中，该对象将执行javascript+window.location.href='new_url';|1332575|entityMap^0|0|3|16|0|0|T|7|18|A|27|V|0^^$0|@$1|2|3|4|5|6|7|Q|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|R|8|@$D|S|E|T|F|G]]|9|@]|A|$]]|$1|H|3|I|5|J|7|U|8|@]|9|@]|A|$K|L]]|$1|M|3|N|5|6|7|V|8|@$D|W|E|X|F|G]|$D|Y|E|Z|F|G]|$D|10|E|11|F|G]]|9|@]|A|$]]|$1|O|3|-4|5|6|7|12|8|@]|9|@]|A|$]]]|P|$]]

<p>And in Rails 3 with CoffeeScript using unobtrusive JavaScript (UJS):</p>

<p>Add to <code>assets/javascripts/my_controller.js.coffee</code>:</p>

<pre><code>$ -&gt;
  $('#field_name').click -&gt;
    window.location.href = 'new_url'
</code></pre>

<p>which reads: when the document.ready event has fired, add an <code>onclick</code> event to a DOM object whose ID is <code>field_name</code> which executes the javascript <code>window.location.href='new_url';</code></p>


blocks|key|1332712|text|这里有很多关于客户端重定向的问题，我不能回答其中的大多数…这是一个例外。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1332713|重定向不应来自客户端…它应该来自服务器。如果您无法控制服务器，您当然可以使用Javascript选择另一个URL来转到，但…这不是重定向。重定向是在服务器上使用300个状态代码完成的，或者通过在HTML中添加META标记来完成。|1332714|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|F|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|G|8|@]|9|@]|A|$]]|$1|D|3|-4|5|6|7|H|8|@]|9|@]|A|$]]]|E|$]]

<p>There are a lot of questions here about client side redirect, and I can't spout off on most of them…this one is an exception.</p>

<p>Redirection is not supposed to come from the client…it is supposed to come from the server. If you have no control over the server, you can certainly use Javascript to choose another URL to go to, but…that is not redirection. Redirection is done with 300 status codes at the server, or by plying the META tag in HTML.</p>


blocks|key|1332820|text|使用链接并将其样式设置为按钮：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1332821|<a+href="#page2"+class="ui-btn+ui-shadow+ui-corner-all">Click+this+button</a>|code-block|syntax|javascript|1332822|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

<p>Use a link and style it like a button:</p>

<pre><code>&lt;a href="#page2" class="ui-btn ui-shadow ui-corner-all"&gt;Click this button&lt;/a&gt;
</code></pre>


<p>I am making a prototype and I want the search button to link to a sample search results page.</p>

<p>How do I make a button redirect to another page when it is clicked using jQuery or plain JS.</p>


How to make a button redirect to another page using jQuery or just Javascript

我正在制作一个原型，我希望搜索按钮链接到一个样本搜索结果页面。如何在使用jQuery或普通JS单击按钮时将其重定向到另一个页面。

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

回答 13

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

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

回答 13

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

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