Sobes.tech
Junior

Как разбира браузърът, че трябва да премине към друга страница?

sobes.tech AI

Отговор от AI

Браузърът разбира, че трябва да премине към друга страница, главно по следните начини:

  • Клик върху хипервръзка (<a>): Потребителят кликва върху елемент <a> с атрибут href, който указва URL на целевата страница.
    <!-- Хипервръзка към друга страница -->
    <a href="друга_страница.html">Отиди</a>
    
  • Изпращане на форма (<form>): Потребителят изпраща форма, като използва бутон с тип submit. Атрибутите action и method на <form> определят URL и HTTP метода за изпращане на данните и пренасочването.
    <!-- Изпращане на форма с пренасочване към друга страница -->
    <form action="обработчик_форма.php" method="post">
        <input type="text" name="данни">
        <button type="submit">Изпрати</button>
    </form>
    
  • JavaScript: С помощта на JavaScript може програмно да се промени свойството window.location.href или да се използват методите window.location.assign(), window.location.replace().
    // Пренасочване с JavaScript
    window.location.href = "нова_указателна_страница.html";
    
    // Друг начин за пренасочване
    window.location.assign("друга_указателна_страница.html");
    
    // Заместване на текущата страница в историята на браузъра
    window.location.replace("последна_указателна_страница.html");
    
  • HTTP заглавка Location: Сървърът може да изпрати HTTP отговор с код за пренасочване (например, 301, 302, 303, 307, 308) и заглавка Location, която указва URL за пренасочване. Браузърът автоматично обработва такива отговори.
  • Meta-тег refresh: В раздела <head> на HTML документа може да се използва meta-тегът http-equiv="refresh" за автоматично обновяване на страницата или пренасочване след определен брой секунди.
    <!-- Автоматично пренасочване след 5 секунди -->
    <meta http-equiv="refresh" content="5;url=целен_адрес.html">
    

Браузърът получава от сървъра HTTP отговор, анализира неговите заглавки и тяло, и въз основа на получената информация (например, код 200 OK за зареждане на нова страница, код за пренасочване с заглавка Location) изпълнява съответните действия.