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