如何使按钮将页面重定向到另一个页面?[重复]

2020/11/12 20:41 · javascript ·  · 0评论

我一直在尝试以下方法:

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

它似乎可以正常工作,但转到页面“ / home?”。

我是否有更好的方法在表单内创建按钮以使页面转到新位置?

只需将onclick事件添加button

<button onclick="location.href = 'www.yoursite.com';" id="myButton" class="float-left submit-button" >Home</button>

但是,您实际上不应该那样做内联,而是将其放在JS块中并提供buttonID:

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

尝试

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

只是另一种变化:

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

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

这是这里:

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

您可以这样做:

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

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

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

<script>
myFun(){
$('form').attr('action','new path');
}
</script>
本文地址:http://javascript.askforanswer.com/ruheshianniujiangyemianzhongdingxiangdaolingyigeyemianzhongfu.html
文章标签: ,   ,  
版权声明:本文为原创文章,版权归 javascript 所有,欢迎分享本文,转载请保留出处!

文件下载

老薛主机终身7折优惠码boke112

上一篇:
下一篇:

评论已关闭!