Чтобы управлять отображаемым заголовком окна браузера, используйте свойство document.title. Оно позволяет установить или изменить текст, который появляется в заголовке вкладки или окна браузера.
Использование свойства document.title
Для задания заголовка достаточно присвоить значение этому свойству:
document.title = "Новый заголовок окна";
Это действие автоматически обновляет заголовок окна без необходимости перезагружать страницу. Значение может быть любым текстом и обновляется в реальном времени при необходимости.
Практические советы
- Динамическое изменение: меняйте значение
document.titleв ответ на действия пользователя, например, при переходе на разные разделы сайта. - Обработка ошибок: убедитесь, что присваиваемое значение – это строка, чтобы избежать неожиданных результатов.
- Кросс-браузерная совместимость: свойство
document.titleподдерживается всеми современными браузерами без специальных настроек.
Рекомендации по использованию
Задавайте document.title на начальных этапах загрузки страницы или в обработчиках событий, связанных с навигацией. Это легко реализовать в скриптах, подключенных на каждой странице или внутри одностраничных приложений.
Пример
window.onload = function() {
document.title = "Добро пожаловать на мой сайт";
}
Следите за тем, чтобы заголовок оставался актуальным и понятным. Хороший заголовок помогает улучшить восприятие сайта и повысить его видимость в поисковых системах.


