浏览器切换标签离开当前页面时改变title提示

2630人参与 ｜分类: 站长百科｜时间: 2017年09月29日

我们在一些追求个性的网站可以看到有一个浏览器标签切换特效，就是在由当前浏览器标签页切换离开当前页面时，该网页的title会改变成其他的文字，有些是提示文字，有些就是恶搞的文字了。

我看了一下，其实这个实现方法是很简单的，所以今天这篇文章就来介绍一下利用JS动态改变浏览器标题的方法，涉及JavaScript页面元素结合时间函数动态操作的相关技巧，需要的朋友可以参考下，方法很简单，把下面代码放入<head></dead>之间即可，其中的 陈德馨博客 改为你自己的想要的文字就可以了。

代码如下：

<script>document.addEventListener('visibilitychange',function(){if(document.visibilityState=='hidden'){normal_title=document.title;document.title='陈德馨博客';}else{document.title=normal_title;}});</script>