当前位置：网站首页>给网站增加离开页面改变网站标题效果

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

2022-08-01 14:39:00 【妍小妍】

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

实现方法很简单利用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>
原网站

版权声明
本文为[妍小妍]所创，转载请带上原文链接，感谢
https://cloud.tencent.com/developer/article/2063776

边栏推荐

猜你喜欢

随机推荐