Sobes.tech
Junior

Wie erkennt der Browser, dass er auf eine andere Seite wechseln muss?

sobes.tech KI

Antwort von AI

Der Browser versteht, dass er auf eine andere Seite wechseln muss, hauptsächlich auf folgende Weisen:

  • Klick auf einen Hyperlink (<a>): Der Benutzer klickt auf ein <a>-Element mit dem Attribut href, das die URL der Zielseite angibt.
    <!-- Hyperlink zu einer anderen Seite -->
    <a href="andere_seite.html">Weiter</a>
    
  • Absenden eines Formulars (<form>): Der Benutzer sendet ein Formular, indem er auf einen Submit-Button klickt. Die Attribute action und method des <form> bestimmen die URL und die HTTP-Methode für den Datenversand und die Weiterleitung.
    <!-- Formularabsendung mit Weiterleitung -->
    <form action="formular_verarbeiter.php" method="post">
        <input type="text" name="daten">
        <button type="submit">Absenden</button>
    </form>
    
  • JavaScript: Mit JavaScript kann man programmatisch die Eigenschaft window.location.href ändern oder die Methoden window.location.assign(), window.location.replace() verwenden.
    // Weiterleitung mit JavaScript
    window.location.href = "neue_url.html";
    
    // Andere Weiterleitungsmethode
    window.location.assign("andere_url.html");
    
    // Ersetzen der aktuellen Seite im Browser-Verlauf
    window.location.replace("letzte_url.html");
    
  • HTTP-Header Location: Der Server kann eine HTTP-Antwort mit einem Redirect-Statuscode (z.B. 301, 302, 303, 307, 308) und einem Location-Header senden, der die URL angibt, zu der weitergeleitet werden soll. Der Browser verarbeitet diese Antworten automatisch.
  • Meta-Tag refresh: Im <head>-Abschnitt des HTML-Dokuments kann man das Meta-Tag http-equiv="refresh" verwenden, um die Seite automatisch zu aktualisieren oder nach einer bestimmten Sekundenzahl weiterzuleiten.
    <!-- Automatisches Weiterleiten nach 5 Sekunden -->
    <meta http-equiv="refresh" content="5;url=ziel_url.html">
    

Der Browser erhält vom Server eine HTTP-Antwort, analysiert die Header und den Körper, und führt basierend auf den erhaltenen Informationen (z.B. Statuscode 200 OK für das Laden einer neuen Seite, Redirect-Code mit Location-Header) die entsprechenden Aktionen aus.