Поменять заголовок title с помощью javascript

Существует много способов информировать пользователя о происходящем на Вашем сайте. Самый распространенный способ: просто вывести соответствующий текст в теле конкретной веб-страницы. Но сегодня мы рассмотрим более динамичный, наглядный способ передать информацию.

А именно: изменения заголовка HTML страницы. Обычно за заголовок – название документа отвечает тег <title>
<title>Приветствуем на нашем сайте</title>

Для модификации тега title средствами JavaScript можно использовать строку:
document.title = "Новое название старой страницы";

Напишем Ява скрипт , позволяющий, при нажатии на ссылку , поменять заголовок веб документа:
<script>
var newTitle = '';
function ChangeTitle(newTitle)
{
document.title = newTitle;
return false;
}
</script>
<a href="#" onClick="ChangeTitle('Новый заголовок');">Поменять заголовок</a>

Хотите чтобы заголовок возвращался к старому значению при следующем нажатии , добавьте условие:
if(document.title==newTitle) document.title = "Приветствуем на нашем сайте";

Посмотрите как это работает и получите полный код этого примера здесь.

Опубликовано 09.06.2014 в 18:43 · Автор Вебдизайнеру, сисадмину, вебмастеру · Ссылка
Рубрики: HTML, Javascript · Теги: , , ,