直接修改document.title即可实时更新标签栏标题；需确保DOM加载完成，不影响history.state，SEO无效，注意字符限制与转义，且应配合visibilitychange等事件实现动态效果。

直接修改 document.title 就可以改变当前标签页的标题。

基础用法：赋值字符串

这是最常用、最直接的方式：

document.title = "新的页面标题";

执行后，浏览器标签页上会立即显示“新的页面标题”。

动态更新标题（比如通知提醒）

常用于消息未读数提示、加载状态等场景：

OpenJDK 24

OpenJDK 24 Windows x64 官方参考实现（24+36），适合 Windows 环境进行 Java 开发、编译、运行和版本兼容性验证。

下载

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

• 在有新消息时，在标题前加【新消息】前缀
• 加载中可设为 document.title = "加载中... | 我的应用"
• 恢复原状时再赋回原始标题

示例：

const originalTitle = document.title;
// 收到通知
document.title = `【${count}】${originalTitle}`;
// 之后清除提醒
document.title = originalTitle;

注意兼容性和限制

这个 API 兼容所有现代浏览器（包括 IE8+），但有几点要注意：

• 不能跨域修改其他标签页的标题（仅限当前页面）
• 部分浏览器（如 Safari 移动版）可能不支持实时刷新标题栏（但桌面端基本都支持）
• 标题过长时，浏览器会自动截断显示，建议控制在 60 字符以内

配合页面生命周期使用（可选进阶）

比如用户切走页面时显示“回来看看”，切回来时恢复原标题：

let originalTitle = document.title;

document.addEventListener("visibilitychange", () => {
  if (document.hidden) {
    document.title = "别走～内容还在等你";
  } else {
    document.title = originalTitle;
  }
});