网页的标题是网页最重要的属性之一，通常显示在浏览器标签栏上，也被搜索引擎用于页面索引和排名。在前端开发中，有时需要在代码中获取当前页面的标题。本文将介绍如何使用 JavaScript 获取当前 HTML 页面的标题，并提供示例代码。
1. document.title 属性
在 JavaScript 中，可以使用 document.title 属性来获取当前 HTML 页面的标题。这个属性返回的是一个字符串，包含了页面的标题文本。
// 获取当前页面标题 const pageTitle = document.title; console.log(pageTitle); // 输出 "当前页面标题"
这种方法非常简单，但对于大多数情况都足够了。
2. 动态修改标题
除了获取页面标题外，JavaScript 还允许动态修改页面标题。这对于制作单页应用程序或动态更新标题以反映用户活动非常有用。
// 修改当前页面标题 document.title = "新页面标题";
通过这种方式，可以在不刷新页面的情况下，实时更改页面标题。
3. 使用事件监听器获取标题变化
如果希望在页面标题更改时执行某些操作，可以使用 title 事件监听器。这个事件在页面标题发生变化时触发。
// 添加标题变化事件监听器
window.addEventListener("title", function() {
console.log("页面标题已更改为：" + document.title);
});这样，当页面标题更改时，可以执行自定义代码来适应变化。
4. 总结
本文介绍了几种获取和修改 HTML 页面标题的方法。其中，document.title 属性是最简单且最常用的方法，但也有其他方法可以实现更多的功能。无论使用哪种方法，掌握这些技能都将对前端开发非常有帮助。
示例代码：
-- -------------------- ---- -------
--------- -----
------
------
---------------------
--------
-- --------
----- --------- - ---------------
----------------------- -- -- --------
-- --------
-------------- - --------
-- -----------
-------------------------------- ---------- -
----------------------- - ----------------
---
---------
-------
------
-------------
-------
-------来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/26758