Как получить заголовок HTML-страницы с помощью JavaScript?

232

Как я могу получить заголовок HTML-страницы с помощью JavaScript?

1
  • Обратите внимание, что есть небольшая разница между использованием элемента и прямым document.titleдоступом к нему title, см. Здесь .
    Paul
    10 дек.
373

Использование document.title:

console.log(document.title)
<title>Title test</title>

Веб-документы MDN

4
  • 3
    Версия HTML5;) <script>if (typeof(console.log) === "function") {alert(document.title);}</script> 12 июня '13 в 22:11
  • 47
    @OregonTrail wut ?, если console.log, то alertвсе равно?
    Petah
    13 июня '13 в 0:23
  • 4
    Какой смысл включать <script>тег в ответ, если вопрос касается JavaScript? Кроме того, typeатрибут совершенно не нужен, и ИМХО console.log()намного лучше для отладки, чемalert() . 27 дек.
  • 1
    В этом ответе говорится, что он document.titleвозвращает элемент заголовка HTML, но, как показывает фрагмент кода, этого не происходит. Он возвращает текст, который находится внутри элемента заголовка HTML. Это довольно большая разница.
    zumafra
    31 июл.
17

Введите адресную строку и нажмите Enter:

javascript:alert(document.title);

Вы можете выбрать и скопировать текст из предупреждения в зависимости от веб-сайта и веб-браузера, который вы используете.

10

Можешь использовать getElementsByTagName

var x = document.getElementsByTagName("title")[0];

alert(x.innerHTML)

// or

alert(x.textContent)

// or

document.querySelector('title')

Правки, предложенные Полом

2
  • 5
    Этот ответ хорош, если вы разбираете HTML-документ 01 сен '18 в 4: 05
  • 1. Используйте textContentвместо innerHTML- заголовок является чистым текстом. 2. Используйте querySelector("title")вместо getElementsByTagName("title")[0]- см. Этот ответ .
    Paul
    11 дек '20 в 11:28