web-dev-qa-db-ja.com

自分のページを別のページにリダクションするボタンを作成するにはどうすればよいですか。

私は次のことを試みてきました：

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

動作しているようですが、 "/ home？"というページに移動します。

フォーム内のボタンを使ってページを新しい場所に移動させるためのもっと良い方法はありますか？

javascriptjqueryhtml
97
user1464139

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

やってみる

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

もう一つのバリエーション：

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

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

これはここにあります：

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

あなたはそうすることができます：

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

ボタンをクリックするとフォームのaction属性を変更できます。

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

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