Sobes.tech
Junior

Jak prohlížeč ví, že se má přepnout na jinou stránku?

sobes.tech AI

Odpověď od AI

Prohlížeč rozumí, že se má přejít na jinou stránku, především těmito způsoby:

  • Kliknutí na hypertextový odkaz (<a>): Uživatel klikne na prvek <a> s atributem href, který udává URL cílové stránky.
    <!-- Hypertextový odkaz na jinou stránku -->
    <a href="dalsi_stranka.html">Přejít</a>
    
  • Odeslání formuláře (<form>): Uživatel odešle formulář pomocí tlačítka typu submit. Atributy action a method elementu <form> určují URL a HTTP metodu pro odeslání dat a přesměrování.
    <!-- Odeslání formuláře s přesměrováním na jinou stránku -->
    <form action="zpracovatel_form.php" method="post">
        <input type="text" name="data">
        <button type="submit">Odeslat</button>
    </form>
    
  • JavaScript: Pomocí JavaScriptu lze programově změnit vlastnost window.location.href nebo použít metody window.location.assign(), window.location.replace().
    // Přesměrování pomocí JavaScriptu
    window.location.href = "novy_url.html";
    
    // Jiný způsob přesměrování
    window.location.assign("jiny_url.html");
    
    // Nahrazení aktuální stránky v historii prohlížeče
    window.location.replace("posledni_url.html");
    
  • HTTP hlavička Location: Server může odeslat HTTP odpověď s kódem stavu přesměrování (například 301, 302, 303, 307, 308) a hlavičkou Location, která udává URL pro přesměrování. Prohlížeč tyto odpovědi automaticky zpracovává.
  • Meta-tag refresh: V sekci <head> HTML dokumentu lze použít meta-tag http-equiv="refresh" pro automatické obnovení stránky nebo přesměrování po uplynutí stanoveného počtu sekund.
    <!-- Automatické přesměrování po 5 sekundách -->
    <meta http-equiv="refresh" content="5;url=cilova_stranka.html">
    

Prohlížeč obdrží od serveru HTTP odpověď, analyzuje její hlavičky a tělo, a na základě získaných informací (například kód stavu 200 OK pro načtení nové stránky, kód přesměrování s hlavičkou Location) provádí odpovídající akce.