【发布时间】:2011-10-14 23:52:56
【问题描述】:
我有一个包含两个按钮的主页。每个按钮都应该重定向到同一个页面,但是,您被重定向到的页面应该根据您按下的按钮执行不同的操作。如何将用户重定向到该新页面并根据您单击的按钮传递参数?
【问题讨论】:
标签: javascript html redirect
我有一个包含两个按钮的主页。每个按钮都应该重定向到同一个页面,但是,您被重定向到的页面应该根据您按下的按钮执行不同的操作。如何将用户重定向到该新页面并根据您单击的按钮传递参数?
【问题讨论】:
标签: javascript html redirect
使用 JQuery 之类的工具包,跨浏览器事件处理要简单得多:
HTML:
<button data-param="foo">Foo</button>
<button data-param="bar">Bar</button>
JQuery 代码:
$('button').click(function(){
window.location = window.location.href + '?param=' + $(this).data('param');
});
【讨论】:
这取决于您所说的“传入参数”是什么意思,但如果您指的是 URL 查询字符串,那么您可以简单地设置一个表单,使用 GET 方法对相关页面执行操作:
<form action="page.html" method="GET">
<input type="submit" name="submit1" value="Submit1" />
<input type="submit" name="submit2" value="Submit2" />
</form>
如果单击第一个按钮,重定向 URL 将为 page.html?submit1=Submit1,如果单击第二个按钮,则重定向 URL 为 page.html?submit2=Submit2。
【讨论】:
page.html存在就可以工作,不涉及服务器端操作
<input> 元素的值将包含在查询字符串中。您能否更改指向<input> 元素的链接?