JavaScript lädt eine Seite auf Knopfdruck

Lesezeit: 3 Minuten

Benutzer-Avatar
Patrick

Ich versuche hier, eine sehr einfache Aufgabe zu erledigen, ich möchte in der Lage sein, auf eine Schaltfläche auf einer Seite zu klicken und mich auf eine andere Seite zu bringen. Ich habe window.location.href und ein paar andere Dinge ausprobiert und es tut nichts. Ich habe verschiedene Plattformen und verschiedene Browser ausprobiert, alle mit dem gleichen Ergebnis.

Ich weiß, dass es eine Funktion aufrufen kann, aber ich kann die neue Seite einfach nicht laden. Auch das ist alles in meinem lokalen Dateisystem und beide Seiten leben auf der gleichen Ebene (aber ich habe auch versucht, eine externe Seite wie www.apple.com zu laden).

Irgendwelche Gedanken?

Danke Patrick

  • Sie müssen spezifischer sein als „ein Haufen anderer Dinge“. Posten Sie Ihren Code (HTML und JavaScript) und teilen Sie uns mit, welche Fehler Sie erhalten.

    – Matthäus Flaschen

    10. September 2010 um 7:12 Uhr

  • Keine gute Idee: Eine Schaltfläche wird vom Benutzer als etwas erlebt, das eine Aktion/einen Auslöser auslöst (Postback, Speichern/Laden). Ein Link (a href) dient nur der Navigation. Mischen Sie diese nicht. Sie werden die Benutzer verwirren.

    – Caspar Kleijne

    10. September 2010 um 7:46 Uhr

Benutzer-Avatar
Pranay Rana

Einfacher Code zum Umleiten der Seite

<!-- html button designing and calling the event in javascript -->
<input id="btntest" type="button" value="Check" 
       onclick="window.location.href="http://www.google.com"" />

  • Dieser hat funktioniert, aber ich denke, mein Problem war, dass ich type=”submit” und nicht type=”button” hatte. Danke für die Hilfe!

    – Patrick

    10. September 2010 um 17:47 Uhr

  • window.location.assign() funktionierte besser für mich in Firefox. Aus irgendeinem Grund Auftrag = verworrene Geschichte.

    – Akostadinow

    21. April 2015 um 11:28 Uhr

Missbrauchen Sie keine Formularelemente, bei denen -Elemente ausreichen.

<style>
    /* or put this in your stylesheet */

    .button {
        display: inline-block;
        padding: 3px 5px;
        border: 1px solid #000;
        background: #eee;
    }

</style>

<!-- instead of abusing a button or input element -->
<a href="https://stackoverflow.com/questions/3682805/url" class="button">text</a>

  • Ich habe auch überlegt diesen Weg zu gehen. Danke für die Hilfe. Ich genieße diese Knöpfe sowieso mehr. Danke noch einmal.

    – Patrick

    10. September 2010 um 17:51 Uhr

  • Ich habe diesen Knopf ausprobiert und er sieht nicht gut aus. Es ist nur ein Link mit einer schwarzen Linie um ihn herum.

    – RedDragonWebDesign

    9. September 2016 um 8:19 Uhr

Gerade window.location = "http://wherever.you.wanna.go.com/"oder für lokale Links, window.location = "my_relative_link.html".

Sie können es auch versuchen, indem Sie es in Ihre Adressleiste eingeben, z javascript: window.location = "http://www.google.com/".

Beachten Sie auch, dass der Protokollteil der URL (http://) ist für absolute Links nicht optional; Wenn Sie es weglassen, nimmt Javascript einen relativen Link an.

  • Danke für den Vorschlag, ich wusste nicht, dass Sie Javascript im Browser ausführen und jeden Tag etwas Neues lernen können. Ich habe window.location und ähnliches ausprobiert, konnte es aber nicht zum Laufen bringen, und ich wusste, dass es so sein sollte. Ich stellte fest, dass mein “Typ” falsch war, also hatte es nichts mit JavaScript und alles mit HTML zu tun. Nochmals vielen Dank für den Rat.

    – Patrick

    10. September 2010 um 17:49 Uhr


1070940cookie-checkJavaScript lädt eine Seite auf Knopfdruck

This website is using cookies to improve the user-friendliness. You agree by using the website further.

Privacy policy