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

Posted 2023-02-16

【中文标题】如何使用 JavaScript 获取 HTML 页面的标题？

【英文标题】：How to get the title of HTML page with JavaScript?

【发布时间】：2010-11-06 14:56:49

【问题描述】：

【问题讨论】：

请注意，使用document.title 和直接访问title 元素之间存在细微差别，请参阅here。

【参考方案1】：

可以使用getElementsByTagName

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

alert(x.innerhtml)

// or

alert(x.textContent)

// or

document.querySelector('title')

根据Paul 的建议进行编辑

【讨论】：

如果您解析 HTML 文档，这个答案非常好

1.使用textContent 而不是innerHTML - 标题是纯文本。 2. 使用querySelector("title") 而不是getElementsByTagName("title")[0] - 请参阅this answer。

【参考方案2】：

使用document.title：

console.log(document.title)

<title>Title test</title>

MDN Web Docs

【讨论】：

HTML5 版本 ;) <script>if (typeof(console.log) === "function") alert(document.title);</script>

@OregonTrail wut?，如果是console.log，那么还是alert？

如果问题是关于 javascript 的，那么在答案中包含 <script> 标签有什么意义？另外，type attribute is completely unnecessary 和恕我直言 console.log() is much better for debugging than alert()。

这个答案说 document.title 返回 HTML 标题元素，但正如代码 sn-p 所示，它没有这样做。它返回 HTML 标题元素内的文本。这是一个相当大的区别。

【参考方案3】：

输入网址栏，然后点击回车：

javascript:alert(document.title);

您可以选择并复制警报中的文本，具体取决于您使用的网站和网络浏览器。