Sobes.tech
Junior

Cum înțelege browserul că trebuie să treacă pe o altă pagină?

sobes.tech AI

Răspuns de la AI

Browserul înțelege că trebuie să treacă la o altă pagină în principal în următoarele moduri:

  • Facând clic pe un hyperlink (<a>): Utilizatorul face clic pe un element <a> cu atributul href, care indică URL-ul paginii țintă.
    <!-- Hyperlink către o altă pagină -->
    <a href="alta_pagina.html">Mergi</a>
    
  • Trimițând un formular (<form>): Utilizatorul trimite un formular folosind un buton de tip submit. Atributele action și method ale <form> determină URL-ul și metoda HTTP pentru trimiterea datelor și redirecționare.
    <!-- Trimiterea formularului cu redirecționare către o altă pagină -->
    <form action="procesare_form.php" method="post">
        <input type="text" name="date">
        <button type="submit">Trimite</button>
    </form>
    
  • JavaScript: Cu JavaScript, se poate schimba programatic proprietatea window.location.href sau se pot folosi metodele window.location.assign(), window.location.replace().
    // Redirecționare cu JavaScript
    window.location.href = "noua_url.html";
    
    // Alt mod de redirecționare
    window.location.assign("alt_url.html");
    
    // Înlocuirea paginii curente în istoria browser-ului
    window.location.replace("ultima_url.html");
    
  • Antet HTTP Location: Serverul poate trimite un răspuns HTTP cu un cod de stare de redirecționare (de exemplu, 301, 302, 303, 307, 308) și un antet Location care indică URL-ul pentru redirecționare. Browserul procesează automat astfel de răspunsuri.
  • Meta-tag refresh: În secțiunea <head> a documentului HTML, se poate folosi meta-tag-ul http-equiv="refresh" pentru actualizarea automată a paginii sau redirecționare după un anumit număr de secunde.
    <!-- Redirecționare automată după 5 secunde -->
    <meta http-equiv="refresh" content="5;url=destinatie_url.html">
    

Browserul primește un răspuns HTTP de la server, analizează anteturile și corpul, și pe baza informațiilor primite (de exemplu, codul de stare 200 OK pentru încărcarea unei noi pagini, codul de redirecționare cu antetul Location) efectuează acțiunile corespunzătoare.