给网站增加离开页面改变网站标题效果back

发布于 2020-05-23  1.1k 次阅读  共 560 字

有些网站标签停留时显示正常的网站标题，标签切换时就显示不同的标题。

实现方法很简单利用JS动态改变浏览器标题，涉及JavaScript页面元素结合时间函数动态操作。

把下面代码放入<head></head>之间即可，其中的“有一条新消息,先森快回来吖~~”改为想要的文字就成。

<script>
document.addEventListener('visibilitychange', function () {
if (document.visibilityState == 'hidden') {
normal_title = document.title;
document.title = '有一条新消息,先森快回来吖~~';
} else document.title = normal_title;
});
</script>

压缩一下

<script>
   document.addEventListener('visibilitychange',function(){if(document.visibilityState=='hidden'){normal_title=document.title;document.title='有一条新消息,先森快回来吖~~';}else{document.title=normal_title;}});
</script>