Sobes.tech
Junior

Hogyan érti meg a böngésző, hogy egy másik oldalra kell lépnie?

sobes.tech MI

Válasz az MI-től

A böngésző főként a következő módokon értelmezi, hogy másik oldalra kell lépnie:

  • Kattintás hiperhivatkozásra (<a>): A felhasználó rákattint egy <a> elemre, amelynek href attribútuma megadja a célszerver URL-jét.
    <!-- Hiperhivatkozás másik oldalra -->
    <a href="masik_oldal.html">Menj</a>
    
  • Űrlap küldése (<form>): A felhasználó elküldi az űrlapot egy submit típusú gombbal. Az <form> action és method attribútumai határozzák meg az URL-t és a HTTP módszert az adatok küldéséhez és az átirányításhoz.
    <!-- Űrlap küldése másik oldalra való átirányítással -->
    <form action="feldolgozo.php" method="post">
        <input type="text" name="adatok">
        <button type="submit">Küldés</button>
    </form>
    
  • JavaScript: JavaScript segítségével programozottan módosítható a window.location.href tulajdonság, vagy használhatók a window.location.assign(), window.location.replace() metódusok.
    // Átirányítás JavaScript segítségével
    window.location.href = "uj_url.html";
    
    // Másik átirányítási mód
    window.location.assign("masik_url.html");
    
    // A jelenlegi oldal helyettesítése a böngésző történetében
    window.location.replace("utolso_url.html");
    
  • HTTP fejléc Location: A szerver küldhet HTTP választ, amely tartalmazza az átirányítási kódot (pl. 301, 302, 303, 307, 308) és a Location fejlécet, amely az átirányítás URL-jét tartalmazza. A böngésző automatikusan kezeli ezeket a válaszokat.
  • Meta-elem refresh: A HTML dokumentum <head> szekciójában használható a http-equiv="refresh" meta-elem az oldal automatikus frissítéséhez vagy átirányításához a megadott másodpercek után.
    <!-- Automatikus átirányítás 5 másodperc múlva -->
    <meta http-equiv="refresh" content="5;url=cél_url.html">
    

A böngésző megkapja a szervertől az HTTP választ, elemzi a fejlécet és a testet, és a kapott információk (pl. 200 OK státuszkód az új oldal betöltéséhez, átirányítási kód a Location fejlécével) alapján végrehajtja a megfelelő műveleteket.