如何使按钮将我的页面重定向到另一个页面？ [复制]
Posted
技术标签:
【中文标题】如何使按钮将我的页面重定向到另一个页面？ [复制]【英文标题】：How can I make a button redirect my page to another page? [duplicate] 【发布时间】：2013-05-09 21:05:51 【问题描述】：我一直在尝试以下方法：
<form action="/home" class="inline">
<button class="float-left submit-button" >Home</button>
</form>
它似乎工作，但它转到页面“/home？”
有没有更好的方法让我在表单中制作一个按钮，让页面转到一个新位置？
【问题讨论】：
表单元素只能将您带到同一站点内的其他页面。如果你想重定向到其他网站，你需要使用 javascript 的 location.href 或类似的。 【参考方案1】：只需将onclick 事件添加到button：
<button onclick="location.href = 'www.yoursite.com';" id="myButton" class="float-left submit-button" >Home</button>
但是你不应该真的把它像那样内联，而是把它放在一个 JS 块中并给 button 一个 ID：
<button id="myButton" class="float-left submit-button" >Home</button>
<script type="text/javascript">
document.getElementById("myButton").onclick = function ()
location.href = "www.yoursite.com";
;
</script>
【讨论】：
我需要在这个 html 中有一个表单标签来描述方法和提交操作吗？ @Himansz 如果您不打算提交表单，则不会。如果这是一个简单的重定向，那么您不需要表单。 这也适用于移动设备吗？ 为什么不内联呢？【参考方案2】：你可以这样做：
<button onclick="location.href='page'">
您可以在单击按钮时更改表单的操作属性：
<button class="float-left submit-button" onclick='myFun()'>Home</button>
<script>
myFun()
$('form').attr('action','new path');
</script>
【讨论】：
【参考方案3】：试试
<button onclick="window.location.href='b.php'">Click me</button>
【讨论】：
Boostrap 提交和取消按钮 - 执行此操作； 【参考方案4】：只是另一种变体：
<body>
<button name="redirect" onClick="redirect()">
<script type="text/javascript">
function redirect()
var url = "http://www.(url).com";
window.location(url);
</script>
【讨论】：
window.location 不是函数！使用这个： setTimeout('window.location.href="url"', 0);或 JQuery：$(location).attr('href',url); 这个不行，改用 window.location.href="http..."; @GeneralKimi 为什么超时？【参考方案5】：使用这个：
<button onclick="window.location='page_name.php';" value="click here" />
基本上你是使用 javascript sn-p 来重定向和按钮的 onclick 事件来触发它。
【讨论】：
希望你会发现这很有用。请试试这个：<td colspan="4"><input type="button" name="back" onclick="parent.location='contacts.php'" value="Back to List" class="McElieButton2"></td>以上是关于如何使按钮将我的页面重定向到另一个页面？ [复制]的主要内容，如果未能解决你的问题，请参考以下文章
如何使用 jQuery 或仅使用 Javascript 将按钮重定向到另一个页面