web-dev-qa-db-fra.com

Comment puis-je faire en sorte qu'un bouton redirige ma page vers une autre page?

J'ai essayé ce qui suit:

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

Cela semble fonctionner mais va à la page "/ home?"

Existe-t-il un meilleur moyen pour moi de créer un bouton dans un formulaire pour que la page aille à un nouvel emplacement?

javascriptjqueryhtml
99
user1464139

Ajoutez simplement un événement onclickau buttonname__:

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

Mais vous ne devriez pas vraiment avoir cela en ligne, mais placez-le dans un bloc JS et donnez à buttonun 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>
267
mattytommo

essayer

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

Juste une autre variante:

    <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

C'est ici:

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

vous pouvez le faire:

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

vous pouvez changer l'attribut d'action du formulaire en cliquant sur le bouton:

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

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