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

113 html javascript jquery

我一直在尝试以下方面:

<form action="/home" class="inline">
    <button class="float-left submit-button" >Home</button>
</form>
Run Code Online (Sandbox Code Playgroud)

它似乎工作,但它进入页面"/ home?"

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

mat*_*mmo 283

只需添加一个onclick事件button:

<button onclick="location.href = 'www.yoursite.com';" id="myButton" class="float-left submit-button" >Home</button>
Run Code Online (Sandbox Code Playgroud)

但你不应该像它那样内联,而是将它放在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>
Run Code Online (Sandbox Code Playgroud)

  • 为什么不让它内联? (3认同)
  • &lt;button class="btn-lg btn-success" formaction="ContactUs.html"&gt;接受&lt;/button&gt; (2认同)
  • @Himansz如果您不打算提交表单,则不会。如果这是简单的重定向,那么您不需要表格。 (2认同)

小智 35

尝试

<button onclick="window.location.href='b.php'">Click me</button>
Run Code Online (Sandbox Code Playgroud)


小智 8

只是另一种变化:

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

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

  • 这不起作用,而是使用 window.location.href="http..."; (3认同)
  • window.location不是函数!使用此:setTimeout('window.location.href ="url"',0); 或者JQuery:$(location).attr('href',url); (2认同)

Muh*_*ahy 6

你可以这样做:

<button onclick="location.href='page'">
Run Code Online (Sandbox Code Playgroud)

您可以通过单击按钮更改表单的操作属性:

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

<script>
myFun(){
$('form').attr('action','new path');
}
</script>
Run Code Online (Sandbox Code Playgroud)


Vee*_*tav 6

这是这里:

 <button onClick="window.location='page_name.php';" value="click here" />
Run Code Online (Sandbox Code Playgroud)