B006 网站如何实现切换窗口时页面标题转换?

网站如何实现切换窗口时页面标题转换?

这是非常简单的，先来看需求

需求

我们需要让用户打开slivaa.com的时候，浏览器显示的标题为现在页面所在的标题，而当用户切换至别的网站页面时，标题会自动变成"（╯‵□′）╯︵┴─┴ 你快回来"。

预览

slivaa.com

采用基于Chrome的Ya broswer(Яндекс.Браузер)打开，你可以看到如下的情况。

实现

这样的情况，毋庸置疑的HTML无法实现，那么需要使用Javascript，而其本质无非就是

window.onblur和window.onfocus，因此，代码如下：

<script>
    var title; 
    window.onblur = function(){
  //slivaa.com
      title = document.title;
      document.title = " （╯‵□′）╯︵┴─┴ 你快回来";
    };
    window.onfocus = function () {
     
      if(title) { 
        document.title = title;
      }
//slivaa.com
    }
//slivaa.com
</script>

至此，你已经实现了这个功能，这是一个非常简单的Javascript代码。