js动态修改页面标题

原生js 动态修改页面标题，窗口获得焦点时显示正常的标题，失去焦点显示指定的标题，效果预览：

代码如下：

// <!-- 标题动态切换代码 Start -->
window.onload = function () {
  let hour = new Date().getHours()
  let str = ''
  if (hour < 6) {
    str = '凌晨'
  } else if (hour < 9) {
    str = '早上'
  } else if (hour < 12) {
    str = '上午'
  } else if (hour < 14) {
    str = '中午'
  } else if (hour < 17) {
    str = '下午'
  } else if (hour < 19) {
    str = '傍晚'
  } else if (hour < 22) {
    str = '晚上'
  } else {
    str = '夜里'
  }

  function c () {
    document.title = document[a] ? '㋡ Hi,小伙伴,' + str + '好! [' + d + ']' : d
  }

  let a = document.title
  let b = document.title
  let d = document.title
  typeof document.hidden !== 'undefined' ? (a = 'hidden', b = 'visibilitychange')
    : typeof document.mozHidden !== 'undefined' ? (a = 'mozHidden', b = 'mozvisibilitychange')
    : typeof document.webkitHidden !== 'undefined' && (a = 'webkitHidden', b = 'webkitvisibilitychange')
  typeof document.addEventListener === 'undefined' && typeof document[a] === 'undefined' || document.addEventListener(b, c, !1)
}
// <!-- 标题动态切换代码 End -->

转载于：

https://zhangge.net/5032.html  张戈博客

http://www.weifans.cc/wordpress-a/tech/2379.html  微饭网