Wie eine Seite durch einen Knopf umleiten

Question

Ich habe eine Schaltfläche auf einer Seite wie folgt aus:

<div class="boxfather"> 
      <div class="box"> 
       <h1>Welcome</h1> 
       <button>See Dashboard</button> 
      </div> 
     </div> 

Jetzt möchte ich eine Aktion dazu hinzuzufügen, die die Seite zu einer anderen Seite beispielsweise umleiten. Wie kann ich das tun?

Beachten Sie, dass es sich um eine Schaltfläche und nicht um eine Eingabe mit der Art des Sendens handeln muss!

Answer 1

Sie können eine Schaltfläche verwenden, solange sie in einem <form> Wrapper ist. Dies funktioniert auch, wenn Javascript deaktiviert ist.

<form method="get" action="http://example.com"> 
<button type="submit"> 
Click me 
</button> 
</form> 

Ich habe ein funktionierendes Beispiel bei https://jsfiddle.net/u5mxab1b/

Answer 2

Alles, was Sie brauchen, ist window.location.href wie unten zu verwenden.

<button onclick="window.location.href='LinkGoesHere'">See Dashboard</button> 

Answer 3

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

Answer 4

Der einfachste Weg ist, den Wert von window.location.href zu ändern, die Sie auf die URL leiten wird.

<script type="text/javascript"> 
function myFunc(){ 
    window.location.href = "https://someurl.com/"; 
} 
</script> 

<div class="boxfather"> 
      <div class="box"> 
       <h1>Welcome</h1> 
       <button onclick="myFunc()">See Dashboard</button> 
      </div> 
     </div> 

Answer 5

machen Sie das einfach mein Freund.

<button> <a href="link to page"> See Dashboard </a> </button> 

:))