document.title用于获取或修改网页标题，显示在浏览器标签页，影响SEO与用户体验。例如console.log(document.title)可输出当前标题，赋值如document.title = “新标题”可动态更新，常用于单页应用路由变化、用户登录状态提示等场景。

在html中，title 元素用于定义网页的标题，它显示在浏览器标签页上，并对SEO和用户体验有重要作用。我们可以通过JavaScript轻松获取或修改页面的标题。

获取页面标题（title）

要获取当前页面的标题，可以使用 document.title 属性。这个属性会返回 <title> 标签内的文本内容。

示例：

console.log(document.title);
如果页面的HTML中有：<title>我的首页</title>，那么上面代码将输出：「我的首页」。

修改页面标题（title）

同样使用 document.title，可以直接赋值来动态修改页面标题。

图改改

在线修改图片文字

455

查看详情

示例：

document.title = "新的页面标题";
执行后，浏览器标签页和页面源码中的标题都会更新为「新的页面标题」。

实际应用场景

动态修改title常用于以下场景：

立即学习“前端免费学习笔记（深入）”；

• 单页应用（SPA）中根据路由变化更新标题
• 用户登录后显示用户名在标题中，如：document.title = "欢迎回来，小明";
• 消息提醒时通过标题闪烁提示未读消息

基本上就这些方法，直接操作 document.title 即可完成获取与修改。

以上就是