如何使用JavaScript获取HTML页面的标题？

Question

如何使用JavaScript获取HTML页面的标题？

- ZA.

---

请注意，使用 document.title 和直接访问 title 元素之间存在细微差别，请参见此处。 - Paul

Answer 1

请提供需要翻译的内容。

console.log(document.title)

<title>Title test</title>

MDN Web文档

- ZA.

---

HTML5版本 ;) <script>if (typeof(console.log) === "function") {alert(document.title);}</script> 意思是：如果console.log是函数，则弹出文档标题。 - OregonTrail

@OregonTrail 在说什么？如果有console.log，那么无论如何都要弹出alert吗？ - Petah

如果问题涉及JavaScript，为什么要在答案中包含<script>标签呢？此外，type属性完全不必要，而且在我看来，console.log()用于调试比alert()好得多。 - Michał Perłakowski

这个答案说 document.title 返回 HTML 标题元素，但是代码片段显示它并不是这样。它返回的是 HTML 标题元素内部的文本。这是一个非常大的区别。 - zumafra

Answer 2

在URL栏中输入，然后点击回车：

javascript:alert(document.title);

你可以根据你使用的网站和浏览器选择并复制警告框中的文本。

- No Mercy

Answer 3

可以使用getElementsByTagName方法

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

alert(x.innerHTML)

// or

alert(x.textContent)

// or

document.querySelector('title')

由Paul建议的编辑。

- SuperNova

---

如果你需要解析HTML文档，这个答案非常棒。 - Mattwmaster58

1. 使用 textContent 替代 innerHTML - 标题是纯文本。
2. 使用 querySelector("title") 替代 getElementsByTagName("title")[0] - 参见此答案。

- Paul

Answer 4

这将使h1元素成为页面标题。这展示了JavaScript在小型和大型项目中的能力。

document.getElementById("text").innerText = document.title;

<title>hello world</title>
<h1 id="text"></h1>

- Marcell Kraszni