186

我一直在尝试以下方法：

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

它似乎工作，但它进入页面“/ home？”

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

4

5 回答 5

405

只需将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>
于 2013-05-15T10:30:00.783 回答
57

尝试

<button onclick="window.location.href='b.php'">Click me</button>
于 2013-05-15T10:33:11.853 回答
17

用这个：

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

基本上，您正在使用 javascript 片段来重定向按钮的 onclick 事件来触发它。

于 2013-05-15T10:41:19.510 回答
11

只是另一种变体：

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

    <script type="text/javascript">
    function redirect()
    {
    var url = "http://www.(url).com";
    window.location(url);
    }
    </script>
于 2013-05-15T10:38:21.690 回答
4

你可以这样做：

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

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

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

<script>
myFun(){
$('form').attr('action','new path');
}
</script>
于 2013-05-15T10:30:10.157 回答