如何使按钮将我的页面重定向到另一个页面？ [复制]答案

【问题标题】：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 或类似的。

标签： javascript jquery html

【解决方案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>