【问题标题】:How to get the title of HTML page with JavaScript?如何使用 JavaScript 获取 HTML 页面的标题?
【发布时间】:2010-11-06 14:56:49
【问题描述】:

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

【问题讨论】:

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

标签: javascript html dom title


【解决方案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);

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

【讨论】:

    猜你喜欢
    • 2012-03-02
    • 1970-01-01
    • 2021-06-18
    • 1970-01-01
    • 2010-12-06
    • 2023-04-09
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多