Как изменить title сайта из JS / JQuery

Для привлечения внимания пользователя, например о каком либо событии, изменяют title страницы (особенно это заметно когда вкладка с сайтом не активна).

В JS за содержимое элемента <title> отвечает свойство document.title, оно содержит текущий заголовок документа:

var title = document.title;
console.log(title);
JS

А также назначает новый:

document.title = 'Новый заголовок страницы';
JS

Тitle в JQuery

В JQuery работа с тайтлом происходит как с обычном элементом:

var title = $('title').text();
console.log(title);
JS
$('title').text('Новый заголовок страницы');
JS

Далее несколько примеров как сделать динамический заголовок страницы.

01.02.2021
2273

Комментарии

, чтобы добавить комментарий.

Другие публикации

Селекторы JQuery
В jQuery, селекторы в основном позаимствованы из CSS 1-3, также добавлены свои, что дало хороший набор инструментов для манипуляций с элементами в документе.
5284
+8
Contenteditable – текстовый редактор
Если добавить атрибут contenteditable к элементу, его содержимое становится доступно для редактирования пользователю, а...
18430
+19
Работа с cookie в JavaScript
Сookies или куки – это данные в виде пар ключ=значение, которые хранятся в файлах на компьютере пользователя. Для хранимых данных существуют несколько ограничений...
8546
+4
Постраничный вывод массива
В случаях, когда нужно вывести большой PHP-массив постранично, без использования баз данных.
4411
+3
Календарь на PHP
PHP-класс для вывода календаря на месяц, год или любой другой интервал с возможностью выделить отдельные даты и вывести к ним подсказки.
6357
+2
Массив $_SERVER
Описание значений глобального массива $_SERVER с примерами.
18809
0