Sobes.tech
Junior

Ako prehliadač rozumie, že sa má prepnúť na inú stránku?

sobes.tech AI

Odpoveď od AI

Prehliadač rozumie, že sa má presunúť na inú stránku, hlavne týmito spôsobmi:

  • Klik na hypertextový odkaz (<a>): Používateľ klikne na prvok <a> s atribútom href, ktorý udáva URL cieľovej stránky.
    <!-- Hypertextový odkaz na inú stránku -->
    <a href="ina_stranka.html">Prejsť</a>
    
  • Odoslanie formulára (<form>): Používateľ odošle formulár pomocou tlačidla typu submit. Atribúty action a method prvku <form> určujú URL a HTTP metódu na odoslanie dát a presmerovanie.
    <!-- Odoslanie formulára s presmerovaním na inú stránku -->
    <form action="spracovatel_form.php" method="post">
        <input type="text" name="data">
        <button type="submit">Odoslať</button>
    </form>
    
  • JavaScript: Pomocou JavaScriptu je možné programovo zmeniť vlastnosť window.location.href alebo použiť metódy window.location.assign(), window.location.replace().
    // Presmerovanie pomocou JavaScriptu
    window.location.href = "novy_url.html";
    
    // Iný spôsob presmerovania
    window.location.assign("dalsi_url.html");
    
    // Nahradenie aktuálnej stránky v histórii prehliadača
    window.location.replace("posledny_url.html");
    
  • HTTP hlavička Location: Server môže odoslať HTTP odpoveď s kódom stavu presmerovania (napríklad, 301, 302, 303, 307, 308) a hlavičkou Location, ktorá udáva URL pre presmerovanie. Prehliadač tieto odpovede automaticky spracováva.
  • Meta-tag refresh: V sekcii <head> HTML dokumentu je možné použiť meta-tag http-equiv="refresh" na automatické obnovenie stránky alebo presmerovanie po stanovenom počte sekúnd.
    <!-- Automatické presmerovanie po 5 sekundách -->
    <meta http-equiv="refresh" content="5;url=cilova_stranka.html">
    

Prehliadač prijme od servera HTTP odpoveď, analyzuje jej hlavičky a telo, a na základe získaných informácií (napríklad, kód stavu 200 OK pre načítanie novej stránky, kód presmerovania s hlavičkou Location) vykoná príslušné akcie.