切换窗口时改变页面title标题

切换窗口时改变页面title标题

效果

当前页面时(onfocus)
onfocus

点其他页面时(onblur)
onblur

js代码

主要是window.onblur和window.onfocus,js代码如下:

    var title;  // 用于临时存放原来的title内容
    window.onblur = function(){
      // onblur时先存下原来的title,再更改title内容
      title = document.title;
      document.title = " (╯‵□′)╯︵┴─┴ 快回来 - ${blog_title!}";
    };
    window.onfocus=function () {
      // onfocus时原来的title不为空才替换回去
      // 防止页面还没加载完成且onblur时title=undefined的情况
      if(title) { 
        document.title = title;
      }
    }

${blog_title!}是halo的freemarker的博客名称