JS 动态改变浏览器title标题

onfocus 和 onblur 事件，监听离开页面和进入页面

<script>
window.onfocus = function () {
	document.title = '要走的人终究是留不住~~';
	setTimeout(function(){
		document.title = '夜雨绸缪';
	}, 1500);
};
window.onblur = function () {
	document.title = '等等，你别走啊！！';
};
</script>

使用 visibilitychange 事件

这种方法好像更实用些，当页面标签隐藏或显示就会触发该事件

<script>
document.addEventListener('visibilitychange',function(){
    if( document.visibilityState == 'hidden' ){
        normal_title = document.title;
        document.title = '梦里花落知多少 ^_^ ~ ~';
    }else{
        document.title = '永远相信美好的事情即将发生';
        setTimeout(function(){
            document.title = normal_title;
        }, 1200)
    }
});
</script>