Warum funktioniert die Umleitung in diesem Fall nicht? (Javascript only!)

Question

In meiner HTML-Datei ich ein Formular, das die folgenden Submit-Button hat:

<button id="submit" >Submit</button> 

In meinem Javascript-Datei i folgendes hat:

window.onload=function(){ 
    document.getElementById("submit").onclick = form_action; 
} 

function form_action() 
{ 
    window.location.href="www.google.com"; 
} 

So legt die Schaltfläche leitet zu einer anderen Webseite um. (Ich lese einige Daten aus einem Formular, aber das ist im Moment nicht wichtig, und danach leite ich auf eine andere Seite um). Die Sache ist, die Weiterleitung passiert gar nicht!

Der einzige Weg, ich konnte es schaffen, indem Sie: alert(location.href) nach window.location.href="www.google.com";. Meine Vermutung ist, dass dies die Aktualisierung des Fensters erzwingt?

Wie kann ich dieses Problem umgehen? Warum passiert das? Kann jemand Einblick geben? Ich möchte es rein mit Javascript lösen.

Ich möchte meine HTML-Datei weder ändern noch Jquery verwenden.

Answer 1

Der Standard "Typ" eines <button> ist "Senden". Ihre Schaltfläche hat also das Formular gesendet, in dem sie sich befindet, an die URL, auf die das Formular festgelegt ist. Durch Hinzufügen von type="button" wird die <button> keine integrierte Aktion haben, so dass Ihr JavaScript-Code alles ist, was zählt.