给网站增加离开页面改变网站标题效果
给网站增加离开页面改变网站标题效果
妍小妍
发布于 2022-08-01 14:30:36
发布于 2022-08-01 14:30:36
有些网站标签停留时显示正常的网站标题，标签切换时就显示不同的标题。
实现方法很简单利用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>本文参与 腾讯云自媒体同步曝光计划，分享自作者个人站点/博客。
原始发表：2020-05-23 ，如有侵权请联系 cloudcommunity@tencent.com 删除
评论
登录后参与评论
推荐阅读
目录
腾讯云开发者
