Как динамически изменить заголовок страницы браузера, чтобы он соответствовал заголовку ‹h1› в javascript или jQuery?

Я хотел бы динамически изменить заголовок моей страницы, чтобы он соответствовал значению элемента заголовка «h1». Необходимо написать глобальный javascript, который я могу использовать во всем приложении для каждой страницы. Добрый совет. заранее спасибо


person SatAj    schedule 16.07.2014    source источник
comment
Просто из любопытства, зачем тебе это? Вы меняете свои h1 динамически? В противном случае это действительно должно быть сделано на бэкэнде. И если он используется для целей SEO, изменение JS обычно происходит слишком поздно (то есть старый заголовок будет использоваться поисковыми системами).   -  person Steve    schedule 17.07.2014
comment
Это требование проекта.   -  person SatAj    schedule 17.07.2014


Ответы (2)


Просто выберите правильные элементы и назначьте текст h1 тексту title:

$('title').text($('h1').text());
person David says reinstate Monica    schedule 16.07.2014
comment
Спасибо, Дэвид. Это тоже отлично работает. Как мы можем взять только первый ‹h1› страницы, если на странице несколько ‹h1›? - person SatAj; 17.07.2014
comment
Привет, Дэвид ... Еще один запрос ... Я ищу первый тег h1, но я хотел исключить все ‹h1›, присутствующие в пользовательском диалоге класса, из этого поиска. Будем очень признательны за вашу помощь ... - person SatAj; 18.07.2014
comment
$('h1').not('.ui-dialog').text(), назначьте текст как раньше. И вы всегда будете получать текст только первого элемента из коллекции, он устанавливает текст нескольких элементов, он получает только один (первый). - person David says reinstate Monica; 18.07.2014

person    schedule
comment
Большое спасибо. Это прекрасно работает. Как мы можем взять только первый ‹h1› страницы, если на странице несколько ‹h1›? - person SatAj; 17.07.2014
comment
Без проблем. Вы можете выбрать только первый экземпляр H1 следующим образом: document.title = $("h1:first").text(); - person APAD1; 17.07.2014
comment
Спасибо за быстрый ответ. - person SatAj; 17.07.2014
comment
Еще один запрос ... Я ищу первый тег h1, но я хотел исключить все ‹h1›, присутствующие в пользовательском диалоге класса, из этого поиска. Будем очень признательны за вашу помощь ... - person SatAj; 18.07.2014
comment
Думаю, это должно сработать: document.title = $("h1:not('.ui-dialog h1'):first").text(); - person APAD1; 18.07.2014
comment
Работает .. Еще раз спасибо - person SatAj; 18.07.2014
comment
Нет проблем, рад помочь. - person APAD1; 18.07.2014