如何改变浏览器标签页名称？

实现效果：

1.当切换到其他网页时，网页标题为“别走！来玩啊”

2.当切换为本网页时，网页标题为“哇！你终于回来啦”

3.过2s后标题切换为原网页标题

实现方法：

1.监听浏览器页面切换

document.addEventListener("visibilitychange", (function () {...}));

• 这行代码为document对象添加了一个事件监听器，监听visibilitychange事件。当页面的可见性发生变化时，会执行提供的函数。

2.当页面变化，更改标题

  document.hidden判断页面是否课件。

  document.title可以获取页面标题，配合监听器可以改变标题内容。

document.addEventListener("visibilitychange", (function () {
  document.hidden ? document.title = "w(ﾟДﾟ)w 别走！来玩啊" : document.title = "♪(^∇^*)哇！你终于回来啦！")
}));

3.实现页面切换回来后，2s后标题变为原标题

let titleTime, OriginTitile = document.title;
document.addEventListener("visibilitychange", (function () {
  document.hidden ? (document.title = "w(ﾟДﾟ)w 别走！来玩啊", clearTimeout(titleTime)) : (document.title = "♪(^∇^*)哇！你终于回来啦！", titleTime = setTimeout((function () {
    document.title = OriginTitile
  }), 2e3))
}));