Question

我一直在尝试以下方法：

<form action="/home" class="inline">
    <button class="float-left submit-button" >Home</button>
</form>

它似乎有效，但它会转到页面“/ home？”

有没有更好的方法让我在表单中创建一个按钮让页面转到新位置？

Answer 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>

Answer 2

试

<button onclick="window.location.href='b.php'">Click me</button>

Answer 3

另一种变化：

    <body>
    <button name="redirect" onClick="redirect()">

    <script type="text/javascript">
    function redirect()
    {
    var url = "http://www.(url).com";
    window.location(url);
    }
    </script>

Answer 4

这是：

 <button onClick="window.location='page_name.php';" value="click here" />

Answer 5

你可以这样做：

<button onclick="location.href='page'">

您可以点击按钮更改表单的操作属性：

<button class="float-left submit-button" onclick='myFun()'>Home</button>

<script>
myFun(){
$('form').attr('action','new path');
}
</script>

如何将按钮重定向到另一个页面？

5 个答案: